# #213366 color: Passionate Blue

#213366 is rgb(33, 51, 102) in RGB and oklch(33.563% 0.09243 266.79) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #213366 |
| RGB | rgb(33, 51, 102) |
| HSL | hsl(224.35, 51.11%, 26.47%) |
| HSB / HSV | hsv(224.35 67.65% 40%) |
| HWB | hwb(224.35 12.94% 60%) |
| CMYK | cmyk(68% 50% 0% 60%) |
| Lab | lab(22.01 6.91 -32.89) |
| LCH | lch(22.01 33.61 281.87) |
| OKLab | oklab(33.563% -0.00518 -0.09229) |
| OKLCH | oklch(33.563% 0.09243 266.79) |
| Display P3 | color(display-p3 0.14458 0.19808 0.38655) |
| Rec. 2020 | color(rec2020 0.11417 0.13754 0.32751) |
| Adobe RGB | color(a98-rgb 0.17001 0.21232 0.39374) |
| ProPhoto RGB | color(prophoto-rgb 0.16173 0.1532 0.3067) |
| Linear sRGB | color(srgb-linear 0.01521 0.0331 0.13287) |
| XYZ D65 | color(xyz-d65 0.04209 0.0365 0.13054) |
| XYZ D50 | color(xyz-d50 0.03839 0.03517 0.09831) |
| SwiftUI | Color(red: 0.129, green: 0.2, blue: 0.4) |
| UIKit | UIColor(red: 0.129, green: 0.2, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFF213366) |
| Android XML | #213366 |

## Facts

- Closest name: Passionate Blue
- Hue family: Blue, soft dark blue
- Closest Tailwind class: blue-950
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 12.14:1
- Contrast with black: 1.73:1

## Tints

#213366, #344675, #475984, #5c6c93, #7280a3, #8894b2, #9ea9c1, #b6bed0, #ced3e0, #e6e9ef

## Shades

#213366, #1b2b58, #16234a, #101c3c, #0b142f, #060d23, #030717, #01030c, #000104, #000000

## Tones

#213366, #233461, #25355d, #283558, #2a3654, #2c364f, #2e364a, #303745, #323741, #35373c

## Harmonies

- Complementary: #213366, #4a3200
- Split: #213366, #592700, #343c00
- Analogous: #213366, #003c60, #3c2a60
- Triadic: #213366, #5e1f1b, #094317
- Tetradic: #213366, #4f234f, #4a3200, #094317
- Square: #213366, #5a1e38, #4a3200, #004436
- Monochromatic: #213366, #010029, #071343, #3f548a, #6077b0

## Questions about #213366

### What color is #213366?

#213366 is soft dark blue. The closest named color is Passionate Blue. In RGB it is rgb(33, 51, 102), in HSL hsl(224.35, 51.11%, 26.47%) and in OKLCH oklch(33.563% 0.09243 266.79).

### What colors go well with #213366?

The complementary color of #213366 is #4a3200. For a calmer combination use the analogous colors #003c60 and #3c2a60. The triadic partners are #5e1f1b and #094317.

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

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

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

#213366 is a cool color. In OKLCH its hue is 267 degrees, its lightness 33.6% and its chroma 0.092.