#216bbc hex color

In a RGB color space, hex #216bbc is composed of 12.9% red, 42% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 43.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 211.4 degrees, a saturation of 70.1% and a lightness of 43.3%. #216bbc color hex could be obtained by blending #42d6ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 42
- B 74
RGB color chart
- C 82
- M 43
- Y 0
- K 26
CMYK color chart

● #216bbc color description : Strong blue.

The hexadecimal color #216bbc has RGB values of R:33, G:107, B:188 and CMYK values of C:0.82, M:0.43, Y:0, K:0.26. Its decimal value is 2190268.

Hex triplet	216bbc	`#216bbc`
RGB Decimal	33, 107, 188	`rgb(33,107,188)`
RGB Percent	12.9, 42, 73.7	`rgb(12.9%,42%,73.7%)`
CMYK	82, 43, 0, 26
HSL	211.4°, 70.1, 43.3	`hsl(211.4,70.1%,43.3%)`
HSV (or HSB)	211.4°, 82.4, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.897, 7.473, -48.87
XYZ	14.96, 14.468, 49.578
xyY	0.189, 0.183, 14.468
CIE-LCH	44.897, 49.438, 278.694
CIE-LUV	44.897, -23.735, -73.725
Hunter-Lab	38.037, 3.638, -50.654
Binary	00100001, 01101011, 10111100

#216bbc
```
#216bbc rgb(33,107,188)
```
#bc7221
```
#bc7221 rgb(188,114,33)
```

Complementary Color

#21b9bc
```
#21b9bc rgb(33,185,188)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#2521bc
```
#2521bc rgb(37,33,188)
```

Analogous Color

#b9bc21
```
#b9bc21 rgb(185,188,33)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#bc2521
```
#bc2521 rgb(188,37,33)
```

Split Complementary Color

#6bbc21
```
#6bbc21 rgb(107,188,33)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#bc216b
```
#bc216b rgb(188,33,107)
```

Triadic Color

#21bc72
```
#21bc72 rgb(33,188,114)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#bc216b
```
#bc216b rgb(188,33,107)
```
#bc7221
```
#bc7221 rgb(188,114,33)
```

Tetradic Color

#16467b
```
#16467b rgb(22,70,123)
```
#195291
```
#195291 rgb(25,82,145)
```
#1d5fa6
```
#1d5fa6 rgb(29,95,166)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#2577d2
```
#2577d2 rgb(37,119,210)
```
#3584db
```
#3584db rgb(53,132,219)
```
#4a91df
```
#4a91df rgb(74,145,223)
```

Monochromatic Color

Below, you can see some colors close to #216bbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2192bc
```
#2192bc rgb(33,146,188)
```
#2185bc
```
#2185bc rgb(33,133,188)
```
#2178bc
```
#2178bc rgb(33,120,188)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#215ebc
```
#215ebc rgb(33,94,188)
```
#2151bc
```
#2151bc rgb(33,81,188)
```
#2144bc
```
#2144bc rgb(33,68,188)
```

Similar Colors

Text with hexadecimal color #216bbc

This text has a font color of #216bbc.

<span style="color:#216bbc;">Text here</span>

#216bbc background color

This paragraph has a background color of #216bbc.

<p style="background-color:#216bbc;">Content here</p>

#216bbc border color

This element has a border color of #216bbc.

<div style="border:1px solid #216bbc;">Content here</div>

CSS codes

.text {color:#216bbc;}

.background {background-color:#216bbc;}

.border {border:1px solid #216bbc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010304 is the darkest color, while #f3f8fd is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#071626
```
#071626 rgb(7,22,38)
```
#0a1f37
```
#0a1f37 rgb(10,31,55)
```
#0c2947
```
#0c2947 rgb(12,41,71)
```
#0f3258
```
#0f3258 rgb(15,50,88)
```
#123c69
```
#123c69 rgb(18,60,105)
```
#154579
```
#154579 rgb(21,69,121)
```
#184f8a
```
#184f8a rgb(24,79,138)
```
#1b589b
```
#1b589b rgb(27,88,155)
```
#1e62ab
```
#1e62ab rgb(30,98,171)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#2474cd
```
#2474cd rgb(36,116,205)
```

Shade Color Variation

#2b7eda
```
#2b7eda rgb(43,126,218)
```
#3b88dd
```
#3b88dd rgb(59,136,221)
```
#4c92e0
```
#4c92e0 rgb(76,146,224)
```
#5d9de2
```
#5d9de2 rgb(93,157,226)
```
#6da7e5
```
#6da7e5 rgb(109,167,229)
```
#7eb1e8
```
#7eb1e8 rgb(126,177,232)
```
#8fbbeb
```
#8fbbeb rgb(143,187,235)
```
#9fc5ee
```
#9fc5ee rgb(159,197,238)
```
#b0cff1
```
#b0cff1 rgb(176,207,241)
```
#c1d9f4
```
#c1d9f4 rgb(193,217,244)
```
#d1e3f7
```
#d1e3f7 rgb(209,227,247)
```
#e2edfa
```
#e2edfa rgb(226,237,250)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e70 is the less saturated color, while #076ad6 is the most saturated one.

#6e6e70
```
#6e6e70 rgb(110,110,112)
```
#656e78
```
#656e78 rgb(101,110,120)
```
#5d6e81
```
#5d6e81 rgb(93,110,129)
```
#546d89
```
#546d89 rgb(84,109,137)
```
#4c6d92
```
#4c6d92 rgb(76,109,146)
```
#436d9a
```
#436d9a rgb(67,109,154)
```
#3b6ca3
```
#3b6ca3 rgb(59,108,163)
```
#326cab
```
#326cab rgb(50,108,171)
```
#2a6bb4
```
#2a6bb4 rgb(42,107,180)
```
#216bbc
```
#216bbc rgb(33,107,188)
```
#196bc5
```
#196bc5 rgb(25,107,197)
```
#106acd
```
#106acd rgb(16,106,205)
```
#076ad6
```
#076ad6 rgb(7,106,214)
```

Tone Color Variation

Below, you can see how #216bbc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5e5e5e Achromatopsia 0.005% of the population
#526171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b6fbc Protanopia 1% of men
#2073bf Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#3c6dbc Protanomaly 1% of men, 0.01% of women
#2070bd Deuteranomaly 6% of men, 0.4% of women
#0c7699 Tritanomaly 0.01% of the population

#216bbc hex color

#216bbc Color Information

#216bbc Color Conversion

Color Schemes with #216bbc

Alternatives to #216bbc

#216bbc Preview

Shades and Tints of #216bbc

Tones of #216bbc

Color Blindness Simulator