# #286a99 color: Blues

#286a99 is rgb(40, 106, 153) in RGB and oklch(50.487% 0.09982 243.418) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/286a99

## Formats

| Format | Value |
| --- | --- |
| HEX | #286a99 |
| RGB | rgb(40, 106, 153) |
| HSL | hsl(204.96, 58.55%, 37.84%) |
| HSB / HSV | hsv(204.96 73.86% 60%) |
| HWB | hwb(204.96 15.69% 40%) |
| CMYK | cmyk(74% 31% 0% 40%) |
| Lab | lab(42.36 -8.82 -32.21) |
| LCH | lch(42.36 33.4 254.69) |
| OKLab | oklab(50.487% -0.04467 -0.08927) |
| OKLCH | oklch(50.487% 0.09982 243.418) |
| Display P3 | color(display-p3 0.22947 0.41009 0.58458) |
| Rec. 2020 | color(rec2020 0.2425 0.35102 0.53856) |
| Adobe RGB | color(a98-rgb 0.27015 0.41446 0.58828) |
| ProPhoto RGB | color(prophoto-rgb 0.28377 0.33137 0.50562) |
| Linear sRGB | color(srgb-linear 0.02122 0.14413 0.31855) |
| XYZ D65 | color(xyz-d65 0.11778 0.13058 0.32038) |
| XYZ D50 | color(xyz-d50 0.11034 0.12736 0.24176) |
| SwiftUI | Color(red: 0.157, green: 0.416, blue: 0.6) |
| UIKit | UIColor(red: 0.157, green: 0.416, blue: 0.6, alpha: 1) |
| Flutter / Compose | Color(0xFF286A99) |
| Android XML | #286A99 |

## Facts

- Closest name: Blues
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.81:1
- Contrast with black: 3.61:1

## Tints

#286a99, #4078a3, #5687ae, #6b95b8, #7fa4c2, #94b3cc, #a9c2d7, #bed1e1, #d4e0eb, #e9f0f5

## Shades

#286a99, #215b84, #1b4d70, #153f5d, #0f314a, #092438, #041827, #020d17, #010408, #000001

## Tones

#286a99, #316a94, #396a8f, #40698a, #466985, #4c687f, #51687a, #566775, #5b666f, #60656a

## Harmonies

- Complementary: #286a99, #8c561d
- Split: #286a99, #954d3e, #78630b
- Analogous: #286a99, #007287, #535f9d
- Triadic: #286a99, #934a5f, #596e26
- Tetradic: #286a99, #715593, #8c561d, #596e26
- Square: #286a99, #864d7d, #8c561d, #2e7549
- Monochromatic: #286a99, #00274f, #004874, #4e8ebf, #73b4e7

## Questions about #286a99

### What color is #286a99?

#286a99 is bright sky blue. The closest named color is Blues. In RGB it is rgb(40, 106, 153), in HSL hsl(204.96, 58.55%, 37.84%) and in OKLCH oklch(50.487% 0.09982 243.418).

### What colors go well with #286a99?

The complementary color of #286a99 is #8c561d. For a calmer combination use the analogous colors #007287 and #535f9d. The triadic partners are #934a5f and #596e26.

### Is white or black text more readable on #286a99?

White text reads better on #286a99: white gives a contrast ratio of 5.81:1 and black gives 3.61:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #286a99 a warm or cool color?

#286a99 is a cool color. In OKLCH its hue is 243 degrees, its lightness 50.5% and its chroma 0.1.