# #285e98 color: Beacon Blue

#285e98 is rgb(40, 94, 152) in RGB and oklch(47.528% 0.11 252.563) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/285e98

## Formats

| Format | Value |
| --- | --- |
| HEX | #285e98 |
| RGB | rgb(40, 94, 152) |
| HSL | hsl(211.07, 58.33%, 37.65%) |
| HSB / HSV | hsv(211.07 73.68% 59.61%) |
| HWB | hwb(211.07 15.69% 40.39%) |
| CMYK | cmyk(74% 38% 0% 40%) |
| Lab | lab(38.55 -2.37 -37.61) |
| LCH | lch(38.55 37.68 266.4) |
| OKLab | oklab(47.528% -0.03296 -0.10495) |
| OKLCH | oklch(47.528% 0.11 252.563) |
| Display P3 | color(display-p3 0.21307 0.36384 0.5788) |
| Rec. 2020 | color(rec2020 0.21926 0.30443 0.53186) |
| Adobe RGB | color(a98-rgb 0.24914 0.36945 0.58337) |
| ProPhoto RGB | color(prophoto-rgb 0.26618 0.29146 0.49816) |
| Linear sRGB | color(srgb-linear 0.02122 0.11193 0.31399) |
| XYZ D65 | color(xyz-d65 0.10544 0.10723 0.31221) |
| XYZ D50 | color(xyz-d50 0.09729 0.104 0.23538) |
| SwiftUI | Color(red: 0.157, green: 0.369, blue: 0.596) |
| UIKit | UIColor(red: 0.157, green: 0.369, blue: 0.596, alpha: 1) |
| Flutter / Compose | Color(0xFF285E98) |
| Android XML | #285E98 |

## Facts

- Closest name: Beacon Blue
- Hue family: Blue, deep dark blue
- Closest Tailwind class: sky-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.68:1
- Contrast with black: 3.14:1

## Tints

#285e98, #3e6ea3, #537dad, #688db8, #7d9dc2, #92adcd, #a7bdd7, #bdcde1, #d2deeb, #e9eef5

## Shades

#285e98, #215184, #1b4470, #15375c, #0f2b4a, #091f38, #041427, #020a17, #010308, #000001

## Tones

#285e98, #2f5e92, #355e8c, #3b5f87, #415e81, #465e7b, #4b5e75, #4f5e6f, #545d69, #585d62

## Harmonies

- Complementary: #285e98, #815000
- Split: #285e98, #8e4424, #695e00
- Analogous: #285e98, #006888, #545298
- Triadic: #285e98, #8f3e4b, #436920
- Tetradic: #285e98, #714888, #815000, #436920
- Square: #285e98, #85406d, #815000, #006f49
- Monochromatic: #285e98, #001b4f, #003c73, #4c82be, #6fa7e6

## Questions about #285e98

### What color is #285e98?

#285e98 is deep dark blue. The closest named color is Beacon Blue. In RGB it is rgb(40, 94, 152), in HSL hsl(211.07, 58.33%, 37.65%) and in OKLCH oklch(47.528% 0.11 252.563).

### What colors go well with #285e98?

The complementary color of #285e98 is #815000. For a calmer combination use the analogous colors #006888 and #545298. The triadic partners are #8f3e4b and #436920.

### Is white or black text more readable on #285e98?

White text reads better on #285e98: white gives a contrast ratio of 6.68:1 and black gives 3.14:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #285e98 a warm or cool color?

#285e98 is a cool color. In OKLCH its hue is 253 degrees, its lightness 47.5% and its chroma 0.11.