# #283f77 color: Blue Expanse

#283f77 is rgb(40, 63, 119) in RGB and oklch(38.018% 0.09974 265.192) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/283f77

## Formats

| Format | Value |
| --- | --- |
| HEX | #283f77 |
| RGB | rgb(40, 63, 119) |
| HSL | hsl(222.53, 49.69%, 31.18%) |
| HSB / HSV | hsv(222.53 66.39% 46.67%) |
| HWB | hwb(222.53 15.69% 53.33%) |
| CMYK | cmyk(66% 47% 0% 53%) |
| Lab | lab(27.17 6.15 -35.46) |
| LCH | lch(27.17 35.99 279.84) |
| OKLab | oklab(38.018% -0.00836 -0.09939) |
| OKLCH | oklch(38.018% 0.09974 265.192) |
| Display P3 | color(display-p3 0.1766 0.24465 0.45158) |
| Rec. 2020 | color(rec2020 0.15207 0.18435 0.39586) |
| Adobe RGB | color(a98-rgb 0.20096 0.25542 0.45729) |
| ProPhoto RGB | color(prophoto-rgb 0.19672 0.19079 0.36858) |
| Linear sRGB | color(srgb-linear 0.02122 0.04971 0.18447) |
| XYZ D65 | color(xyz-d65 0.05982 0.05338 0.18168) |
| XYZ D50 | color(xyz-d50 0.05479 0.05154 0.13685) |
| SwiftUI | Color(red: 0.157, green: 0.247, blue: 0.467) |
| UIKit | UIColor(red: 0.157, green: 0.247, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF283F77) |
| Android XML | #283F77 |

## Facts

- Closest name: Blue Expanse
- Hue family: Blue, soft dark blue
- Closest Tailwind class: sky-900
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 10.16:1
- Contrast with black: 2.07:1

## Tints

#283f77, #3b5185, #4e6392, #6276a0, #7788ae, #8c9bbb, #a2afc9, #b9c2d6, #d0d6e4, #e7ebf1

## Shades

#283f77, #213567, #1b2c57, #152347, #0f1b38, #09122a, #040a1c, #020410, #010105, #000001

## Tones

#283f77, #2b4072, #2d416d, #304168, #334263, #35425d, #384258, #3b4253, #3d424d, #404248

## Harmonies

- Complementary: #283f77, #593d00
- Split: #283f77, #693100, #414800
- Analogous: #283f77, #00496f, #473571
- Triadic: #283f77, #6e2826, #17501d
- Tetradic: #283f77, #5c2d5f, #593d00, #17501d
- Square: #283f77, #692845, #593d00, #005240
- Monochromatic: #283f77, #010031, #0c1e53, #47619c, #6985c3

## Questions about #283f77

### What color is #283f77?

#283f77 is soft dark blue. The closest named color is Blue Expanse. In RGB it is rgb(40, 63, 119), in HSL hsl(222.53, 49.69%, 31.18%) and in OKLCH oklch(38.018% 0.09974 265.192).

### What colors go well with #283f77?

The complementary color of #283f77 is #593d00. For a calmer combination use the analogous colors #00496f and #473571. The triadic partners are #6e2826 and #17501d.

### Is white or black text more readable on #283f77?

White text reads better on #283f77: white gives a contrast ratio of 10.16:1 and black gives 2.07:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #283f77 a warm or cool color?

#283f77 is a cool color. In OKLCH its hue is 265 degrees, its lightness 38% and its chroma 0.1.