# #3fa9bb color: Explore Blue

#3fa9bb is rgb(63, 169, 187) in RGB and oklch(68.167% 0.09838 210.823) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3fa9bb |
| RGB | rgb(63, 169, 187) |
| HSL | hsl(188.71, 49.6%, 49.02%) |
| HSB / HSV | hsv(188.71 66.31% 73.33%) |
| HWB | hwb(188.71 24.71% 26.67%) |
| CMYK | cmyk(66% 10% 0% 27%) |
| Lab | lab(63.8 -27.05 -18.74) |
| LCH | lch(63.8 32.91 214.71) |
| OKLab | oklab(68.167% -0.08448 -0.05041) |
| OKLCH | oklch(68.167% 0.09838 210.823) |
| Display P3 | color(display-p3 0.36766 0.65399 0.7234) |
| Rec. 2020 | color(rec2020 0.41309 0.6068 0.69137) |
| Adobe RGB | color(a98-rgb 0.42022 0.65682 0.72487) |
| ProPhoto RGB | color(prophoto-rgb 0.43893 0.57164 0.66329) |
| Linear sRGB | color(srgb-linear 0.04971 0.39676 0.49693) |
| XYZ D65 | color(xyz-d65 0.25206 0.33019 0.5206) |
| XYZ D50 | color(xyz-d50 0.24559 0.32561 0.39407) |
| SwiftUI | Color(red: 0.247, green: 0.663, blue: 0.733) |
| UIKit | UIColor(red: 0.247, green: 0.663, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF3FA9BB) |
| Android XML | #3FA9BB |

## 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.76:1
- Contrast with black: 7.6:1

## Tints

#3fa9bb, #58b2c2, #6dbac9, #81c3cf, #94cbd6, #a6d4dd, #b8dde4, #cae5eb, #dceef1, #edf6f8

## Shades

#3fa9bb, #3592a2, #2c7c8a, #236773, #1b535c, #123f46, #0a2c32, #041b1f, #010a0d, #000102

## Tones

#3fa9bb, #4da8b8, #59a6b4, #64a5b1, #6da3ad, #75a1aa, #7da0a7, #859ea3, #8c9ca0, #929b9c

## Harmonies

- Complementary: #3fa9bb, #ce8173
- Split: #3fa9bb, #cb7f95, #c58a57
- Analogous: #3fa9bb, #46ad9c, #5da0d0
- Triadic: #3fa9bb, #bc82b5, #b0964c
- Tetradic: #3fa9bb, #8295d6, #ce8173, #b0964c
- Square: #3fa9bb, #a38acc, #ce8173, #90a25b
- Monochromatic: #3fa9bb, #006071, #008495, #69d0e2, #92f7ff

## Questions about #3fa9bb

### What color is #3fa9bb?

#3fa9bb is bright cyan. The closest named color is Explore Blue. In RGB it is rgb(63, 169, 187), in HSL hsl(188.71, 49.6%, 49.02%) and in OKLCH oklch(68.167% 0.09838 210.823).

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

The complementary color of #3fa9bb is #ce8173. For a calmer combination use the analogous colors #46ad9c and #5da0d0. The triadic partners are #bc82b5 and #b0964c.

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

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

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

#3fa9bb is a cool color. In OKLCH its hue is 211 degrees, its lightness 68.2% and its chroma 0.098.