# #3baabc color: Explore Blue

#3baabc is rgb(59, 170, 188) in RGB and oklch(68.337% 0.10096 210.36) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3baabc |
| RGB | rgb(59, 170, 188) |
| HSL | hsl(188.37, 52.23%, 48.43%) |
| HSB / HSV | hsv(188.37 68.62% 73.73%) |
| HWB | hwb(188.37 23.14% 26.27%) |
| CMYK | cmyk(69% 10% 0% 26%) |
| Lab | lab(64.03 -27.91 -18.97) |
| LCH | lch(64.03 33.75 214.19) |
| OKLab | oklab(68.337% -0.08711 -0.05103) |
| OKLCH | oklch(68.337% 0.10096 210.36) |
| Display P3 | color(display-p3 0.36129 0.65769 0.72722) |
| Rec. 2020 | color(rec2020 0.41086 0.61057 0.69557) |
| Adobe RGB | color(a98-rgb 0.41662 0.66074 0.72882) |
| ProPhoto RGB | color(prophoto-rgb 0.43829 0.57523 0.66765) |
| Linear sRGB | color(srgb-linear 0.04374 0.40198 0.50289) |
| XYZ D65 | color(xyz-d65 0.25254 0.33309 0.52677) |
| XYZ D50 | color(xyz-d50 0.24585 0.32839 0.39874) |
| SwiftUI | Color(red: 0.231, green: 0.667, blue: 0.737) |
| UIKit | UIColor(red: 0.231, green: 0.667, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF3BAABC) |
| Android XML | #3BAABC |

## 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.66:1

## Tints

#3baabc, #55b3c3, #6cbbc9, #80c4d0, #93ccd7, #a6d5de, #b8dde4, #cae6eb, #dceef2, #edf7f8

## Shades

#3baabc, #3293a3, #297d8b, #216873, #19535d, #113f47, #092d32, #041b1f, #010b0d, #000102

## Tones

#3baabc, #4ba9b9, #57a7b5, #62a6b2, #6ca4ae, #75a2ab, #7da1a7, #849fa4, #8c9da0, #939b9d

## Harmonies

- Complementary: #3baabc, #d08173
- Split: #3baabc, #cd7e96, #c78a56
- Analogous: #3baabc, #43ae9c, #5ba1d2
- Triadic: #3baabc, #bd82b7, #b1974a
- Tetradic: #3baabc, #8196d8, #d08173, #b1974a
- Square: #3baabc, #a38bce, #d08173, #91a359
- Monochromatic: #3baabc, #006171, #008596, #66d1e3, #8ff8ff

## Questions about #3baabc

### What color is #3baabc?

#3baabc is bright cyan. The closest named color is Explore Blue. In RGB it is rgb(59, 170, 188), in HSL hsl(188.37, 52.23%, 48.43%) and in OKLCH oklch(68.337% 0.10096 210.36).

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

The complementary color of #3baabc is #d08173. For a calmer combination use the analogous colors #43ae9c and #5ba1d2. The triadic partners are #bd82b7 and #b1974a.

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

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

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

#3baabc is a cool color. In OKLCH its hue is 210 degrees, its lightness 68.3% and its chroma 0.101.