# #31a0bc color: Blue Horizon

#31a0bc is rgb(49, 160, 188) in RGB and oklch(65.651% 0.10448 218.617) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/31a0bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #31a0bc |
| RGB | rgb(49, 160, 188) |
| HSL | hsl(192.09, 58.65%, 46.47%) |
| HSB / HSV | hsv(192.09 73.94% 73.73%) |
| HWB | hwb(192.09 19.22% 26.27%) |
| CMYK | cmyk(74% 15% 0% 26%) |
| Lab | lab(60.72 -24.84 -24) |
| LCH | lch(60.72 34.54 224.02) |
| OKLab | oklab(65.651% -0.08163 -0.06521) |
| OKLCH | oklch(65.651% 0.10448 218.617) |
| Display P3 | color(display-p3 0.32763 0.61876 0.72463) |
| Rec. 2020 | color(rec2020 0.37826 0.56918 0.69214) |
| Adobe RGB | color(a98-rgb 0.38436 0.62165 0.72744) |
| ProPhoto RGB | color(prophoto-rgb 0.41237 0.53488 0.66291) |
| Linear sRGB | color(srgb-linear 0.03071 0.35153 0.50289) |
| XYZ D65 | color(xyz-d65 0.22913 0.29424 0.5205) |
| XYZ D50 | color(xyz-d50 0.22074 0.28933 0.39367) |
| SwiftUI | Color(red: 0.192, green: 0.627, blue: 0.737) |
| UIKit | UIColor(red: 0.192, green: 0.627, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF31A0BC) |
| Android XML | #31A0BC |

## Facts

- Closest name: Blue Horizon
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.05:1
- Contrast with black: 6.89:1

## Tints

#31a0bc, #4eaac3, #65b3ca, #7abdd0, #8ec6d7, #a1d0de, #b4d9e4, #c7e3eb, #daecf2, #ecf6f8

## Shades

#31a0bc, #298ba3, #22768b, #1a6173, #134e5d, #0c3b47, #062932, #03191f, #01090d, #000102

## Tones

#31a0bc, #429fb8, #4f9db4, #5a9caf, #649bab, #6d99a7, #7598a3, #7c969e, #84949a, #8a9395

## Harmonies

- Complementary: #31a0bc, #c87a61
- Split: #31a0bc, #c77584, #bb8545
- Analogous: #31a0bc, #29a59e, #5b96ce
- Triadic: #31a0bc, #bb77a7, #a19240
- Tetradic: #31a0bc, #838ad0, #c87a61, #a19240
- Square: #31a0bc, #a37fc2, #c87a61, #7e9e56
- Monochromatic: #31a0bc, #00576f, #007b96, #5ec6e3, #87eeff

## Questions about #31a0bc

### What color is #31a0bc?

#31a0bc is bright sky blue. The closest named color is Blue Horizon. In RGB it is rgb(49, 160, 188), in HSL hsl(192.09, 58.65%, 46.47%) and in OKLCH oklch(65.651% 0.10448 218.617).

### What colors go well with #31a0bc?

The complementary color of #31a0bc is #c87a61. For a calmer combination use the analogous colors #29a59e and #5b96ce. The triadic partners are #bb77a7 and #a19240.

### Is white or black text more readable on #31a0bc?

Black text reads better on #31a0bc: white gives a contrast ratio of 3.05:1 and black gives 6.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #31a0bc a warm or cool color?

#31a0bc is a cool color. In OKLCH its hue is 219 degrees, its lightness 65.7% and its chroma 0.104.