# #124167 color: Blue Opal

#124167 is rgb(18, 65, 103) in RGB and oklch(36.464% 0.08228 247.281) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/124167

## Formats

| Format | Value |
| --- | --- |
| HEX | #124167 |
| RGB | rgb(18, 65, 103) |
| HSL | hsl(206.82, 70.25%, 23.73%) |
| HSB / HSV | hsv(206.82 82.52% 40.39%) |
| HWB | hwb(206.82 7.06% 59.61%) |
| CMYK | cmyk(83% 37% 0% 60%) |
| Lab | lab(26 -4.55 -27.24) |
| LCH | lch(26 27.62 260.52) |
| OKLab | oklab(36.464% -0.03178 -0.07589) |
| OKLCH | oklch(36.464% 0.08228 247.281) |
| Display P3 | color(display-p3 0.12505 0.25107 0.39214) |
| Rec. 2020 | color(rec2020 0.11736 0.18768 0.33384) |
| Adobe RGB | color(a98-rgb 0.16645 0.26266 0.39853) |
| ProPhoto RGB | color(prophoto-rgb 0.1666 0.19056 0.31317) |
| Linear sRGB | color(srgb-linear 0.00605 0.05286 0.13563) |
| XYZ D65 | color(xyz-d65 0.04588 0.04888 0.13534) |
| XYZ D50 | color(xyz-d50 0.0424 0.04746 0.10207) |
| SwiftUI | Color(red: 0.071, green: 0.255, blue: 0.404) |
| UIKit | UIColor(red: 0.071, green: 0.255, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF124167) |
| Android XML | #124167 |

## Facts

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

## Tints

#124167, #2b5376, #416485, #587793, #6e89a2, #859cb2, #9dafc1, #b5c3d0, #cdd6e0, #e6ebef

## Shades

#124167, #0e3759, #0a2e4b, #07253d, #041c30, #021323, #010b17, #01050c, #000104, #000000

## Tones

#124167, #194163, #1f415f, #24415b, #284157, #2c4053, #30404f, #34404b, #383f47, #3b3f43

## Harmonies

- Complementary: #124167, #5a3400
- Split: #124167, #622c1d, #4b3e00
- Analogous: #124167, #00485a, #343969
- Triadic: #124167, #612937, #32460f
- Tetradic: #124167, #4a3160, #5a3400, #32460f
- Square: #124167, #592c4e, #5a3400, #074b2c
- Monochromatic: #124167, #000520, #002145, #35638b, #5886b1

## Questions about #124167

### What color is #124167?

#124167 is soft dark blue. The closest named color is Blue Opal. In RGB it is rgb(18, 65, 103), in HSL hsl(206.82, 70.25%, 23.73%) and in OKLCH oklch(36.464% 0.08228 247.281).

### What colors go well with #124167?

The complementary color of #124167 is #5a3400. For a calmer combination use the analogous colors #00485a and #343969. The triadic partners are #612937 and #32460f.

### Is white or black text more readable on #124167?

White text reads better on #124167: white gives a contrast ratio of 10.62:1 and black gives 1.98:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #124167 a warm or cool color?

#124167 is a cool color. In OKLCH its hue is 247 degrees, its lightness 36.5% and its chroma 0.082.