# #3daabb color: Explore Blue

#3daabb is rgb(61, 170, 187) in RGB and oklch(68.353% 0.09963 209.705) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3daabb |
| RGB | rgb(61, 170, 187) |
| HSL | hsl(188.1, 50.81%, 48.63%) |
| HSB / HSV | hsv(188.1 67.38% 73.33%) |
| HWB | hwb(188.1 23.92% 26.67%) |
| CMYK | cmyk(67% 9% 0% 27%) |
| Lab | lab(64.05 -27.83 -18.37) |
| LCH | lch(64.05 33.35 213.43) |
| OKLab | oklab(68.353% -0.08654 -0.04937) |
| OKLCH | oklch(68.353% 0.09963 209.705) |
| Display P3 | color(display-p3 0.36516 0.65777 0.72362) |
| Rec. 2020 | color(rec2020 0.41285 0.61069 0.69167) |
| Adobe RGB | color(a98-rgb 0.41933 0.66074 0.72501) |
| ProPhoto RGB | color(prophoto-rgb 0.43906 0.57533 0.66372) |
| Linear sRGB | color(srgb-linear 0.04667 0.40198 0.49693) |
| XYZ D65 | color(xyz-d65 0.25267 0.33328 0.52117) |
| XYZ D50 | color(xyz-d50 0.24627 0.32868 0.39453) |
| SwiftUI | Color(red: 0.239, green: 0.667, blue: 0.733) |
| UIKit | UIColor(red: 0.239, green: 0.667, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF3DAABB) |
| Android XML | #3DAABB |

## 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.74:1
- Contrast with black: 7.67:1

## Tints

#3daabb, #57b3c2, #6dbbc9, #81c4cf, #94ccd6, #a6d5dd, #b8dde4, #cae6eb, #dceef1, #edf7f8

## Shades

#3daabb, #3493a2, #2b7d8a, #226873, #1a535c, #123f46, #0a2d32, #041b1f, #010b0d, #000102

## Tones

#3daabb, #4ca9b8, #58a7b4, #63a6b1, #6da4ae, #75a2aa, #7da1a7, #859fa4, #8c9da0, #939b9d

## Harmonies

- Complementary: #3daabb, #d08175
- Split: #3daabb, #cc7f97, #c78a58
- Analogous: #3daabb, #46ad9b, #5ba2d1
- Triadic: #3daabb, #bc83b7, #b2964c
- Tetradic: #3daabb, #8196d7, #d08175, #b2964c
- Square: #3daabb, #a28bce, #d08175, #92a259
- Monochromatic: #3daabb, #006170, #008595, #68d1e2, #91f8ff

## Questions about #3daabb

### What color is #3daabb?

#3daabb is bright cyan. The closest named color is Explore Blue. In RGB it is rgb(61, 170, 187), in HSL hsl(188.1, 50.81%, 48.63%) and in OKLCH oklch(68.353% 0.09963 209.705).

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

The complementary color of #3daabb is #d08175. For a calmer combination use the analogous colors #46ad9b and #5ba2d1. The triadic partners are #bc83b7 and #b2964c.

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

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

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

#3daabb is a cool color. In OKLCH its hue is 210 degrees, its lightness 68.4% and its chroma 0.1.