# #2caabc color: Explore Blue

#2caabc is rgb(44, 170, 188) in RGB and oklch(67.989% 0.10722 209.346) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2caabc

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caabc |
| RGB | rgb(44, 170, 188) |
| HSL | hsl(187.5, 62.07%, 45.49%) |
| HSB / HSV | hsv(187.5 76.6% 73.73%) |
| HWB | hwb(187.5 17.25% 26.27%) |
| CMYK | cmyk(77% 10% 0% 26%) |
| Lab | lab(63.69 -29.98 -19.51) |
| LCH | lch(63.69 35.77 213.06) |
| OKLab | oklab(67.989% -0.09346 -0.05255) |
| OKLCH | oklch(67.989% 0.10722 209.346) |
| Display P3 | color(display-p3 0.33553 0.65722 0.72701) |
| Rec. 2020 | color(rec2020 0.39588 0.60949 0.69535) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.72882) |
| ProPhoto RGB | color(prophoto-rgb 0.42763 0.57365 0.66741) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 0.50289) |
| XYZ D65 | color(xyz-d65 0.24489 0.32914 0.52641) |
| XYZ D50 | color(xyz-d50 0.23776 0.32426 0.39849) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 0.737) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAABC) |
| Android XML | #2CAABC |

## Facts

- Closest name: Explore Blue
- Hue family: Cyan, bright cyan
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.77:1
- Contrast with black: 7.58:1

## Tints

#2caabc, #4cb3c3, #65bbc9, #7bc4d0, #8fccd7, #a2d5de, #b5dde4, #c8e6eb, #daeef2, #edf7f8

## Shades

#2caabc, #2593a3, #1e7d8b, #176873, #11535d, #0a3f47, #052d32, #021b1f, #010b0d, #000102

## Tones

#2caabc, #41a8b8, #50a7b5, #5ca5b1, #67a4ae, #71a2aa, #7aa0a7, #829ea3, #8a9c9f, #919a9c

## Harmonies

- Complementary: #2caabc, #d27e71
- Split: #2caabc, #ce7b96, #c98751
- Analogous: #2caabc, #39ae9a, #53a1d3
- Triadic: #2caabc, #bd80b8, #b39542
- Tetradic: #2caabc, #7e95db, #d27e71, #b39542
- Square: #2caabc, #a289d1, #d27e71, #91a252
- Monochromatic: #2caabc, #00606f, #008596, #5cd1e3, #86f9ff

## Questions about #2caabc

### What color is #2caabc?

#2caabc is bright cyan. The closest named color is Explore Blue. In RGB it is rgb(44, 170, 188), in HSL hsl(187.5, 62.07%, 45.49%) and in OKLCH oklch(67.989% 0.10722 209.346).

### What colors go well with #2caabc?

The complementary color of #2caabc is #d27e71. For a calmer combination use the analogous colors #39ae9a and #53a1d3. The triadic partners are #bd80b8 and #b39542.

### Is white or black text more readable on #2caabc?

Black text reads better on #2caabc: white gives a contrast ratio of 2.77:1 and black gives 7.58:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2caabc a warm or cool color?

#2caabc is a cool color. In OKLCH its hue is 209 degrees, its lightness 68% and its chroma 0.107.