#21b3c4 hex color

In a RGB color space, hex #21b3c4 is composed of 12.9% red, 70.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 8.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 186.3 degrees, a saturation of 71.2% and a lightness of 44.9%. #21b3c4 color hex could be obtained by blending #42ffff with #006789. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 70
- B 77
RGB color chart
- C 83
- M 9
- Y 0
- K 23
CMYK color chart

● #21b3c4 color description : Strong cyan.

The hexadecimal color #21b3c4 has RGB values of R:33, G:179, B:196 and CMYK values of C:0.83, M:0.09, Y:0, K:0.23. Its decimal value is 2208708.

Hex triplet	21b3c4	`#21b3c4`
RGB Decimal	33, 179, 196	`rgb(33,179,196)`
RGB Percent	12.9, 70.2, 76.9	`rgb(12.9%,70.2%,76.9%)`
CMYK	83, 9, 0, 23
HSL	186.3°, 71.2, 44.9	`hsl(186.3,71.2%,44.9%)`
HSV (or HSB)	186.3°, 83.2, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.935, -29.984, -19.011
XYZ	26.708, 36.546, 57.868
xyY	0.221, 0.302, 36.546
CIE-LCH	66.935, 35.503, 212.376
CIE-LUV	66.935, -47.957, -25.152
Hunter-Lab	60.454, -26.933, -14.437
Binary	00100001, 10110011, 11000100

#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#c43221
```
#c43221 rgb(196,50,33)
```

Complementary Color

#21c484
```
#21c484 rgb(33,196,132)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#2162c4
```
#2162c4 rgb(33,98,196)
```

Analogous Color

#c48421
```
#c48421 rgb(196,132,33)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#c42162
```
#c42162 rgb(196,33,98)
```

Split Complementary Color

#b3c421
```
#b3c421 rgb(179,196,33)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#c421b3
```
#c421b3 rgb(196,33,179)
```

Triadic Color

#21c432
```
#21c432 rgb(33,196,50)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#c421b3
```
#c421b3 rgb(196,33,179)
```
#c43221
```
#c43221 rgb(196,50,33)
```

Tetradic Color

#167783
```
#167783 rgb(22,119,131)
```
#1a8b98
```
#1a8b98 rgb(26,139,152)
```
#1d9fae
```
#1d9fae rgb(29,159,174)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#25c7da
```
#25c7da rgb(37,199,218)
```
#3acdde
```
#3acdde rgb(58,205,222)
```
#50d2e2
```
#50d2e2 rgb(80,210,226)
```

Monochromatic Color

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

#21c4ac
```
#21c4ac rgb(33,196,172)
```
#21c4ba
```
#21c4ba rgb(33,196,186)
```
#21c1c4
```
#21c1c4 rgb(33,193,196)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#21a5c4
```
#21a5c4 rgb(33,165,196)
```
#2198c4
```
#2198c4 rgb(33,152,196)
```
#218ac4
```
#218ac4 rgb(33,138,196)
```

Similar Colors

Text with hexadecimal color #21b3c4

This text has a font color of #21b3c4.

<span style="color:#21b3c4;">Text here</span>

#21b3c4 background color

This paragraph has a background color of #21b3c4.

<p style="background-color:#21b3c4;">Content here</p>

#21b3c4 border color

This element has a border color of #21b3c4.

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

CSS codes

.text {color:#21b3c4;}

.background {background-color:#21b3c4;}

.border {border:1px solid #21b3c4;}

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, #020a0b is the darkest color, while #fafefe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#051a1c
```
#051a1c rgb(5,26,28)
```
#08292d
```
#08292d rgb(8,41,45)
```
#0a383e
```
#0a383e rgb(10,56,62)
```
#0d484e
```
#0d484e rgb(13,72,78)
```
#10575f
```
#10575f rgb(16,87,95)
```
#136670
```
#136670 rgb(19,102,112)
```
#167681
```
#167681 rgb(22,118,129)
```
#198592
```
#198592 rgb(25,133,146)
```
#1b94a2
```
#1b94a2 rgb(27,148,162)
```
#1ea4b3
```
#1ea4b3 rgb(30,164,179)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#24c2d5
```
#24c2d5 rgb(36,194,213)
```

Shade Color Variation

#30cadc
```
#30cadc rgb(48,202,220)
```
#41cedf
```
#41cedf rgb(65,206,223)
```
#52d3e2
```
#52d3e2 rgb(82,211,226)
```
#62d7e5
```
#62d7e5 rgb(98,215,229)
```
#73dbe7
```
#73dbe7 rgb(115,219,231)
```
#84e0ea
```
#84e0ea rgb(132,224,234)
```
#95e4ed
```
#95e4ed rgb(149,228,237)
```
#a6e8f0
```
#a6e8f0 rgb(166,232,240)
```
#b6ecf3
```
#b6ecf3 rgb(182,236,243)
```
#c7f1f6
```
#c7f1f6 rgb(199,241,246)
```
#d8f5f8
```
#d8f5f8 rgb(216,245,248)
```
#e9f9fb
```
#e9f9fb rgb(233,249,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707475 is the less saturated color, while #07c8de is the most saturated one.

#707475
```
#707475 rgb(112,116,117)
```
#677b7e
```
#677b7e rgb(103,123,126)
```
#5f8286
```
#5f8286 rgb(95,130,134)
```
#56898f
```
#56898f rgb(86,137,143)
```
#4d9098
```
#4d9098 rgb(77,144,152)
```
#4497a1
```
#4497a1 rgb(68,151,161)
```
#3b9eaa
```
#3b9eaa rgb(59,158,170)
```
#33a5b2
```
#33a5b2 rgb(51,165,178)
```
#2aacbb
```
#2aacbb rgb(42,172,187)
```
#21b3c4
```
#21b3c4 rgb(33,179,196)
```
#18bacd
```
#18bacd rgb(24,186,205)
```
#0fc1d6
```
#0fc1d6 rgb(15,193,214)
```
#07c8de
```
#07c8de rgb(7,200,222)
```

Tone Color Variation

Below, you can see how #21b3c4 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

#898989 Achromatopsia 0.005% of the population
#749195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a6bd Protanopia 1% of men
#a2a4ce Deuteranopia 1% of men
#29b7c4 Tritanopia 0.001% of the population

Trichromacy

#74abbf Protanomaly 1% of men, 0.01% of women
#73a9ca Deuteranomaly 6% of men, 0.4% of women
#26b5c4 Tritanomaly 0.01% of the population

#21b3c4 hex color

#21b3c4 Color Information

#21b3c4 Color Conversion

Color Schemes with #21b3c4

Alternatives to #21b3c4

#21b3c4 Preview

Shades and Tints of #21b3c4

Tones of #21b3c4

Color Blindness Simulator