# #3caab9 color: Explore Blue

#3caab9 is rgb(60, 170, 185) in RGB and oklch(68.247% 0.09948 207.968) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3caab9

## Formats

| Format | Value |
| --- | --- |
| HEX | #3caab9 |
| RGB | rgb(60, 170, 185) |
| HSL | hsl(187.2, 51.02%, 48.04%) |
| HSB / HSV | hsv(187.2 67.57% 72.55%) |
| HWB | hwb(187.2 23.53% 27.45%) |
| CMYK | cmyk(68% 8% 0% 27%) |
| Lab | lab(63.97 -28.47 -17.39) |
| LCH | lch(63.97 33.36 211.42) |
| OKLab | oklab(68.247% -0.08787 -0.04666) |
| OKLCH | oklch(68.247% 0.09948 207.968) |
| Display P3 | color(display-p3 0.36321 0.65773 0.71634) |
| Rec. 2020 | color(rec2020 0.41104 0.61049 0.6838) |
| Adobe RGB | color(a98-rgb 0.41797 0.66074 0.71741) |
| ProPhoto RGB | color(prophoto-rgb 0.43643 0.57492 0.6558) |
| Linear sRGB | color(srgb-linear 0.04519 0.40198 0.48515) |
| XYZ D65 | color(xyz-d65 0.24994 0.33211 0.50994) |
| XYZ D50 | color(xyz-d50 0.24394 0.32764 0.3861) |
| SwiftUI | Color(red: 0.235, green: 0.667, blue: 0.725) |
| UIKit | UIColor(red: 0.235, green: 0.667, blue: 0.725, alpha: 1) |
| Flutter / Compose | Color(0xFF3CAAB9) |
| Android XML | #3CAAB9 |

## 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.75:1
- Contrast with black: 7.64:1

## Tints

#3caab9, #56b3c0, #6cbbc7, #80c4ce, #93ccd5, #a6d5dc, #b8dde3, #cae6ea, #dceef1, #edf7f8

## Shades

#3caab9, #3393a0, #2a7d89, #216871, #19535b, #113f46, #0a2d31, #041b1e, #010b0d, #000102

## Tones

#3caab9, #4ba9b6, #58a7b3, #62a5af, #6ca4ac, #75a2a9, #7da0a6, #849fa3, #8c9d9f, #929b9c

## Harmonies

- Complementary: #3caab9, #cf8176
- Split: #3caab9, #cb7f99, #c78959
- Analogous: #3caab9, #47ad99, #59a2cf
- Triadic: #3caab9, #bb83b8, #b3954c
- Tetradic: #3caab9, #7f97d7, #cf8176, #b3954c
- Square: #3caab9, #a08ccf, #cf8176, #93a158
- Monochromatic: #3caab9, #00616f, #008594, #67d1e0, #90f8ff

## Questions about #3caab9

### What color is #3caab9?

#3caab9 is bright cyan. The closest named color is Explore Blue. In RGB it is rgb(60, 170, 185), in HSL hsl(187.2, 51.02%, 48.04%) and in OKLCH oklch(68.247% 0.09948 207.968).

### What colors go well with #3caab9?

The complementary color of #3caab9 is #cf8176. For a calmer combination use the analogous colors #47ad99 and #59a2cf. The triadic partners are #bb83b8 and #b3954c.

### Is white or black text more readable on #3caab9?

Black text reads better on #3caab9: white gives a contrast ratio of 2.75:1 and black gives 7.64:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3caab9 a warm or cool color?

#3caab9 is a cool color. In OKLCH its hue is 208 degrees, its lightness 68.2% and its chroma 0.099.