# #288ea2 color: Safe Harbour

#288ea2 is rgb(40, 142, 162) in RGB and oklch(59.881% 0.09402 213.971) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/288ea2

## Formats

| Format | Value |
| --- | --- |
| HEX | #288ea2 |
| RGB | rgb(40, 142, 162) |
| HSL | hsl(189.84, 60.4%, 39.61%) |
| HSB / HSV | hsv(189.84 75.31% 63.53%) |
| HWB | hwb(189.84 15.69% 36.47%) |
| CMYK | cmyk(75% 12% 0% 36%) |
| Lab | lab(54.08 -24.43 -19.42) |
| LCH | lch(54.08 31.21 218.48) |
| OKLab | oklab(59.881% -0.07797 -0.05254) |
| OKLCH | oklch(59.881% 0.09402 213.971) |
| Display P3 | color(display-p3 0.28381 0.54899 0.62534) |
| Rec. 2020 | color(rec2020 0.32096 0.49435 0.58411) |
| Adobe RGB | color(a98-rgb 0.33832 0.55182 0.62648) |
| ProPhoto RGB | color(prophoto-rgb 0.35026 0.46143 0.55354) |
| Linear sRGB | color(srgb-linear 0.02122 0.2705 0.36131) |
| XYZ D65 | color(xyz-d65 0.17069 0.22405 0.37609) |
| XYZ D50 | color(xyz-d50 0.16513 0.22054 0.28456) |
| SwiftUI | Color(red: 0.157, green: 0.557, blue: 0.635) |
| UIKit | UIColor(red: 0.157, green: 0.557, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF288EA2) |
| Android XML | #288EA2 |

## Facts

- Closest name: Safe Harbour
- Hue family: Cyan, bright cyan
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.83:1
- Contrast with black: 5.48:1

## Tints

#288ea2, #4599ab, #5da4b4, #73afbe, #87bbc7, #9cc6d0, #b0d1d9, #c3dde3, #d7e8ec, #ebf3f6

## Shades

#288ea2, #217b8c, #1b6877, #155663, #0f444f, #09343c, #04242a, #021519, #01070a, #000101

## Tones

#288ea2, #388d9f, #448c9b, #4e8a98, #578994, #5f8891, #66868e, #6d858a, #748387, #7a8183

## Harmonies

- Complementary: #288ea2, #b16a5a
- Split: #288ea2, #af6779, #a77340
- Analogous: #288ea2, #2a9286, #4b86b4
- Triadic: #288ea2, #a26a97, #927f37
- Tetradic: #288ea2, #6e7bb8, #b16a5a, #927f37
- Square: #288ea2, #8c71ae, #b16a5a, #748948
- Monochromatic: #288ea2, #004757, #006a7d, #54b3c8, #7cdaf0

## Questions about #288ea2

### What color is #288ea2?

#288ea2 is bright cyan. The closest named color is Safe Harbour. In RGB it is rgb(40, 142, 162), in HSL hsl(189.84, 60.4%, 39.61%) and in OKLCH oklch(59.881% 0.09402 213.971).

### What colors go well with #288ea2?

The complementary color of #288ea2 is #b16a5a. For a calmer combination use the analogous colors #2a9286 and #4b86b4. The triadic partners are #a26a97 and #927f37.

### Is white or black text more readable on #288ea2?

White text reads better on #288ea2: white gives a contrast ratio of 3.83:1 and black gives 5.48:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #288ea2 a warm or cool color?

#288ea2 is a cool color. In OKLCH its hue is 214 degrees, its lightness 59.9% and its chroma 0.094.