# #283f76 color: Blue Expanse

#283f76 is rgb(40, 63, 118) in RGB and oklch(37.947% 0.09821 265.01) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #283f76 |
| RGB | rgb(40, 63, 118) |
| HSL | hsl(222.31, 49.37%, 30.98%) |
| HSB / HSV | hsv(222.31 66.1% 46.27%) |
| HWB | hwb(222.31 15.69% 53.73%) |
| CMYK | cmyk(66% 47% 0% 54%) |
| Lab | lab(27.11 5.84 -34.92) |
| LCH | lch(27.11 35.4 279.49) |
| OKLab | oklab(37.947% -0.00854 -0.09784) |
| OKLCH | oklch(37.947% 0.09821 265.01) |
| Display P3 | color(display-p3 0.1766 0.24465 0.44786) |
| Rec. 2020 | color(rec2020 0.15164 0.18425 0.39196) |
| Adobe RGB | color(a98-rgb 0.20096 0.25542 0.45358) |
| ProPhoto RGB | color(prophoto-rgb 0.19577 0.1906 0.36503) |
| Linear sRGB | color(srgb-linear 0.02122 0.04971 0.18116) |
| XYZ D65 | color(xyz-d65 0.05922 0.05314 0.17854) |
| XYZ D50 | color(xyz-d50 0.05432 0.05134 0.13449) |
| SwiftUI | Color(red: 0.157, green: 0.247, blue: 0.463) |
| UIKit | UIColor(red: 0.157, green: 0.247, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF283F76) |
| Android XML | #283F76 |

## 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.18:1
- Contrast with black: 2.06:1

## Tints

#283f76, #3b5184, #4e6391, #62769f, #7788ad, #8c9bbb, #a2afc8, #b9c2d6, #d0d6e4, #e7eaf1

## Shades

#283f76, #213566, #1b2c56, #152347, #0f1b38, #091229, #040a1c, #02040f, #010105, #000001

## Tones

#283f76, #2b4071, #2d406c, #304167, #334162, #35425d, #384258, #3b4252, #3d424d, #404248

## Harmonies

- Complementary: #283f76, #593c00
- Split: #283f76, #683100, #414700
- Analogous: #283f76, #00496e, #473570
- Triadic: #283f76, #6d2926, #184f1e
- Tetradic: #283f76, #5c2d5f, #593c00, #184f1e
- Square: #283f76, #692845, #593c00, #00513f
- Monochromatic: #283f76, #000030, #0c1e52, #47619b, #6985c2

## Questions about #283f76

### What color is #283f76?

#283f76 is soft dark blue. The closest named color is Blue Expanse. In RGB it is rgb(40, 63, 118), in HSL hsl(222.31, 49.37%, 30.98%) and in OKLCH oklch(37.947% 0.09821 265.01).

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

The complementary color of #283f76 is #593c00. For a calmer combination use the analogous colors #00496e and #473570. The triadic partners are #6d2926 and #184f1e.

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

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

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

#283f76 is a cool color. In OKLCH its hue is 265 degrees, its lightness 37.9% and its chroma 0.098.