# #20649f color: Lapis Lazuli

#20649f is rgb(32, 100, 159) in RGB and oklch(49.143% 0.11571 248.968) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/20649f

## Formats

| Format | Value |
| --- | --- |
| HEX | #20649f |
| RGB | rgb(32, 100, 159) |
| HSL | hsl(207.87, 66.49%, 37.45%) |
| HSB / HSV | hsv(207.87 79.87% 62.35%) |
| HWB | hwb(207.87 12.55% 37.65%) |
| CMYK | cmyk(80% 37% 0% 38%) |
| Lab | lab(40.51 -4.81 -38.7) |
| LCH | lch(40.51 39 262.91) |
| OKLab | oklab(49.143% -0.04153 -0.108) |
| OKLCH | oklch(49.143% 0.11571 248.968) |
| Display P3 | color(display-p3 0.20444 0.38663 0.60563) |
| Rec. 2020 | color(rec2020 0.22432 0.32745 0.56083) |
| Adobe RGB | color(a98-rgb 0.24811 0.3919 0.61039) |
| ProPhoto RGB | color(prophoto-rgb 0.27586 0.31146 0.52664) |
| Linear sRGB | color(srgb-linear 0.01444 0.12744 0.3467) |
| XYZ D65 | color(xyz-d65 0.1141 0.11924 0.34502) |
| XYZ D50 | color(xyz-d50 0.10499 0.11559 0.26015) |
| SwiftUI | Color(red: 0.125, green: 0.392, blue: 0.624) |
| UIKit | UIColor(red: 0.125, green: 0.392, blue: 0.624, alpha: 1) |
| Flutter / Compose | Color(0xFF20649F) |
| Android XML | #20649F |

## Facts

- Closest name: Lapis Lazuli
- Hue family: Blue, deep dark blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.2:1
- Contrast with black: 3.38:1

## Tints

#20649f, #3a73a9, #5082b3, #6692bd, #7ba1c7, #91b0d0, #a6c0da, #bccfe3, #d2dfed, #e8eff6

## Shades

#20649f, #1a568a, #154875, #0f3b61, #0a2e4d, #06223b, #031629, #010b18, #000309, #000001

## Tones

#20649f, #2a6499, #336493, #3a648d, #416487, #476481, #4c637a, #526374, #57626e, #5c6167

## Harmonies

- Complementary: #20649f, #8a5200
- Split: #20649f, #96462b, #726100
- Analogous: #20649f, #006e8b, #5458a1
- Triadic: #20649f, #964153, #4c6d1a
- Tetradic: #20649f, #744c92, #8a5200, #4c6d1a
- Square: #20649f, #8a4476, #8a5200, #007448
- Monochromatic: #20649f, #002151, #00417a, #4788c6, #6baeee

## Questions about #20649f

### What color is #20649f?

#20649f is deep dark blue. The closest named color is Lapis Lazuli. In RGB it is rgb(32, 100, 159), in HSL hsl(207.87, 66.49%, 37.45%) and in OKLCH oklch(49.143% 0.11571 248.968).

### What colors go well with #20649f?

The complementary color of #20649f is #8a5200. For a calmer combination use the analogous colors #006e8b and #5458a1. The triadic partners are #964153 and #4c6d1a.

### Is white or black text more readable on #20649f?

White text reads better on #20649f: white gives a contrast ratio of 6.2:1 and black gives 3.38:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #20649f a warm or cool color?

#20649f is a cool color. In OKLCH its hue is 249 degrees, its lightness 49.1% and its chroma 0.116.