# #286a97 color: Blues

#286a97 is rgb(40, 106, 151) in RGB and oklch(50.376% 0.09744 242.284) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #286a97 |
| RGB | rgb(40, 106, 151) |
| HSL | hsl(204.32, 58.12%, 37.45%) |
| HSB / HSV | hsv(204.32 73.51% 59.22%) |
| HWB | hwb(204.32 15.69% 40.78%) |
| CMYK | cmyk(74% 30% 0% 41%) |
| Lab | lab(42.28 -9.41 -31.16) |
| LCH | lch(42.28 32.55 253.19) |
| OKLab | oklab(50.376% -0.04532 -0.08626) |
| OKLCH | oklch(50.376% 0.09744 242.284) |
| Display P3 | color(display-p3 0.22947 0.41009 0.5772) |
| Rec. 2020 | color(rec2020 0.24169 0.35087 0.53068) |
| Adobe RGB | color(a98-rgb 0.27015 0.41446 0.58075) |
| ProPhoto RGB | color(prophoto-rgb 0.28182 0.33103 0.49804) |
| Linear sRGB | color(srgb-linear 0.02122 0.14413 0.30947) |
| XYZ D65 | color(xyz-d65 0.11614 0.12993 0.31175) |
| XYZ D50 | color(xyz-d50 0.10904 0.1268 0.23528) |
| SwiftUI | Color(red: 0.157, green: 0.416, blue: 0.592) |
| UIKit | UIColor(red: 0.157, green: 0.416, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF286A97) |
| Android XML | #286A97 |

## 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.84:1
- Contrast with black: 3.6:1

## Tints

#286a97, #4078a2, #5687ac, #6b95b7, #7fa4c1, #94b3cb, #a9c2d6, #bed1e0, #d4e0ea, #e9f0f5

## Shades

#286a97, #215b83, #1b4d6f, #153f5c, #0f3149, #092437, #041826, #020d17, #010408, #000001

## Tones

#286a97, #316a92, #39698d, #406988, #466983, #4c687e, #516779, #566774, #5b666f, #606569

## Harmonies

- Complementary: #286a97, #8b5620
- Split: #286a97, #944d40, #786210
- Analogous: #286a97, #007285, #51609c
- Triadic: #286a97, #914b60, #5b6d27
- Tetradic: #286a97, #6f5692, #8b5620, #5b6d27
- Square: #286a97, #854e7d, #8b5620, #327448
- Monochromatic: #286a97, #00274d, #004872, #4e8ebd, #73b4e5

## Questions about #286a97

### What color is #286a97?

#286a97 is bright sky blue. The closest named color is Blues. In RGB it is rgb(40, 106, 151), in HSL hsl(204.32, 58.12%, 37.45%) and in OKLCH oklch(50.376% 0.09744 242.284).

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

The complementary color of #286a97 is #8b5620. For a calmer combination use the analogous colors #007285 and #51609c. The triadic partners are #914b60 and #5b6d27.

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

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

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

#286a97 is a cool color. In OKLCH its hue is 242 degrees, its lightness 50.4% and its chroma 0.097.