# #183d64 color: Blue Opal

#183d64 is rgb(24, 61, 100) in RGB and oklch(35.44% 0.08011 252.1) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/183d64

## Formats

| Format | Value |
| --- | --- |
| HEX | #183d64 |
| RGB | rgb(24, 61, 100) |
| HSL | hsl(210.79, 61.29%, 24.31%) |
| HSB / HSV | hsv(210.79 76% 39.22%) |
| HWB | hwb(210.79 9.41% 60.78%) |
| CMYK | cmyk(76% 39% 0% 61%) |
| Lab | lab(24.71 -2.1 -27.34) |
| LCH | lch(24.71 27.42 265.61) |
| OKLab | oklab(35.44% -0.02462 -0.07624) |
| OKLCH | oklch(35.44% 0.08011 252.1) |
| Display P3 | color(display-p3 0.13235 0.23592 0.38044) |
| Rec. 2020 | color(rec2020 0.1157 0.17298 0.32153) |
| Adobe RGB | color(a98-rgb 0.16817 0.24819 0.38722) |
| ProPhoto RGB | color(prophoto-rgb 0.16292 0.17911 0.30208) |
| Linear sRGB | color(srgb-linear 0.00913 0.04667 0.12744) |
| XYZ D65 | color(xyz-d65 0.04345 0.04452 0.12687) |
| XYZ D50 | color(xyz-d50 0.04019 0.04321 0.09566) |
| SwiftUI | Color(red: 0.094, green: 0.239, blue: 0.392) |
| UIKit | UIColor(red: 0.094, green: 0.239, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFF183D64) |
| Android XML | #183D64 |

## Facts

- Closest name: Blue Opal
- Hue family: Blue, soft dark blue
- Closest Tailwind class: slate-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 11.11:1
- Contrast with black: 1.89:1

## Tints

#183d64, #2e4f73, #436182, #597391, #6f86a1, #869ab0, #9dadc0, #b5c1cf, #cdd5df, #e6eaef

## Shades

#183d64, #133456, #0f2b48, #0a223b, #071a2e, #041222, #020a16, #01040b, #000103, #000000

## Tones

#183d64, #1d3d60, #213d5c, #253d58, #293d54, #2c3d50, #303d4c, #333d48, #363c44, #393c40

## Harmonies

- Complementary: #183d64, #553300
- Split: #183d64, #5d2b17, #443c00
- Analogous: #183d64, #004459, #363564
- Triadic: #183d64, #5e2730, #2b4413
- Tetradic: #183d64, #4a2e5a, #553300, #2b4413
- Square: #183d64, #572947, #553300, #00482e
- Monochromatic: #183d64, #000223, #001e42, #395e88, #5b82ad

## Questions about #183d64

### What color is #183d64?

#183d64 is soft dark blue. The closest named color is Blue Opal. In RGB it is rgb(24, 61, 100), in HSL hsl(210.79, 61.29%, 24.31%) and in OKLCH oklch(35.44% 0.08011 252.1).

### What colors go well with #183d64?

The complementary color of #183d64 is #553300. For a calmer combination use the analogous colors #004459 and #363564. The triadic partners are #5e2730 and #2b4413.

### Is white or black text more readable on #183d64?

White text reads better on #183d64: white gives a contrast ratio of 11.11:1 and black gives 1.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #183d64 a warm or cool color?

#183d64 is a cool color. In OKLCH its hue is 252 degrees, its lightness 35.4% and its chroma 0.08.