# #216bbb color: Beautiful Blue

#216bbb is rgb(33, 107, 187) in RGB and oklch(52.6% 0.14433 253.818) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/216bbb

## Formats

| Format | Value |
| --- | --- |
| HEX | #216bbb |
| RGB | rgb(33, 107, 187) |
| HSL | hsl(211.17, 70%, 43.14%) |
| HSB / HSV | hsv(211.17 82.35% 73.33%) |
| HWB | hwb(211.17 12.94% 26.67%) |
| CMYK | cmyk(82% 43% 0% 27%) |
| Lab | lab(44.08 0.26 -49.41) |
| LCH | lch(44.08 49.41 270.31) |
| OKLab | oklab(52.6% -0.04022 -0.13861) |
| OKLCH | oklch(52.6% 0.14433 253.818) |
| Display P3 | color(display-p3 0.21688 0.41367 0.7107) |
| Rec. 2020 | color(rec2020 0.25245 0.35727 0.67446) |
| Adobe RGB | color(a98-rgb 0.26244 0.41823 0.71795) |
| ProPhoto RGB | color(prophoto-rgb 0.317 0.34063 0.63984) |
| Linear sRGB | color(srgb-linear 0.01521 0.14703 0.49693) |
| XYZ D65 | color(xyz-d65 0.14853 0.14426 0.49017) |
| XYZ D50 | color(xyz-d50 0.13436 0.13891 0.36934) |
| SwiftUI | Color(red: 0.129, green: 0.42, blue: 0.733) |
| UIKit | UIColor(red: 0.129, green: 0.42, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF216BBB) |
| Android XML | #216BBB |

## Facts

- Closest name: Beautiful Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.4:1
- Contrast with black: 3.89:1

## Tints

#216bbb, #3b7ac3, #5289ca, #6898d2, #7da6d9, #92b5e0, #a8c4e6, #bdd2ed, #d3e1f3, #e9f0f9

## Shades

#216bbb, #1b5ca2, #164e8a, #103f73, #0b325c, #062546, #031832, #010d1f, #00040d, #000002

## Tones

#216bbb, #2d6cb3, #366cab, #3e6da4, #466d9c, #4d6d94, #536d8c, #596c84, #5f6c7b, #656b73

## Harmonies

- Complementary: #216bbb, #965c00
- Split: #216bbb, #ac4812, #786d00
- Analogous: #216bbb, #00789d, #625bba
- Triadic: #216bbb, #ae3f51, #457b0e
- Tetradic: #216bbb, #884da4, #965c00, #457b0e
- Square: #216bbb, #a1427f, #965c00, #008254
- Monochromatic: #216bbb, #00256a, #004794, #4890e3, #6eb6ff

## Questions about #216bbb

### What color is #216bbb?

#216bbb is bright blue. The closest named color is Beautiful Blue. In RGB it is rgb(33, 107, 187), in HSL hsl(211.17, 70%, 43.14%) and in OKLCH oklch(52.6% 0.14433 253.818).

### What colors go well with #216bbb?

The complementary color of #216bbb is #965c00. For a calmer combination use the analogous colors #00789d and #625bba. The triadic partners are #ae3f51 and #457b0e.

### Is white or black text more readable on #216bbb?

White text reads better on #216bbb: white gives a contrast ratio of 5.4:1 and black gives 3.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #216bbb a warm or cool color?

#216bbb is a cool color. In OKLCH its hue is 254 degrees, its lightness 52.6% and its chroma 0.144.