#21addf hex color

In a RGB color space, hex #21addf is composed of 12.9% red, 67.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 22.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 195.8 degrees, a saturation of 74.8% and a lightness of 50.2%. #21addf color hex could be obtained by blending #42ffff with #005bbf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 68
- B 87
RGB color chart
- C 85
- M 22
- Y 0
- K 13
CMYK color chart

● #21addf color description : Vivid blue.

The hexadecimal color #21addf has RGB values of R:33, G:173, B:223 and CMYK values of C:0.85, M:0.22, Y:0, K:0.13. Its decimal value is 2207199.

Hex triplet	21addf	`#21addf`
RGB Decimal	33, 173, 223	`rgb(33,173,223)`
RGB Percent	12.9, 67.8, 87.5	`rgb(12.9%,67.8%,87.5%)`
CMYK	85, 22, 0, 13
HSL	195.8°, 74.8, 50.2	`hsl(195.8,74.8%,50.2%)`
HSV (or HSB)	195.8°, 85.2, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.163, -17.985, -35.082
XYZ	28.887, 35.535, 75.145
xyY	0.207, 0.255, 35.535
CIE-LCH	66.163, 39.424, 242.858
CIE-LUV	66.163, -43.941, -53.449
Hunter-Lab	59.612, -17.823, -33.011
Binary	00100001, 10101101, 11011111

#21addf
```
#21addf rgb(33,173,223)
```
#df5321
```
#df5321 rgb(223,83,33)
```

Complementary Color

#21dfb2
```
#21dfb2 rgb(33,223,178)
```
#21addf
```
#21addf rgb(33,173,223)
```
#214edf
```
#214edf rgb(33,78,223)
```

Analogous Color

#dfb221
```
#dfb221 rgb(223,178,33)
```
#21addf
```
#21addf rgb(33,173,223)
```
#df214e
```
#df214e rgb(223,33,78)
```

Split Complementary Color

#addf21
```
#addf21 rgb(173,223,33)
```
#21addf
```
#21addf rgb(33,173,223)
```
#df21ad
```
#df21ad rgb(223,33,173)
```

Triadic Color

#21df53
```
#21df53 rgb(33,223,83)
```
#21addf
```
#21addf rgb(33,173,223)
```
#df21ad
```
#df21ad rgb(223,33,173)
```
#df5321
```
#df5321 rgb(223,83,33)
```

Tetradic Color

#177a9d
```
#177a9d rgb(23,122,157)
```
#1a8bb3
```
#1a8bb3 rgb(26,139,179)
```
#1d9cc9
```
#1d9cc9 rgb(29,156,201)
```
#21addf
```
#21addf rgb(33,173,223)
```
#37b5e2
```
#37b5e2 rgb(55,181,226)
```
#4ebde5
```
#4ebde5 rgb(78,189,229)
```
#64c6e9
```
#64c6e9 rgb(100,198,233)
```

Monochromatic Color

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

#21dddf
```
#21dddf rgb(33,221,223)
```
#21cddf
```
#21cddf rgb(33,205,223)
```
#21bddf
```
#21bddf rgb(33,189,223)
```
#21addf
```
#21addf rgb(33,173,223)
```
#219ddf
```
#219ddf rgb(33,157,223)
```
#218ddf
```
#218ddf rgb(33,141,223)
```
#217edf
```
#217edf rgb(33,126,223)
```

Similar Colors

Text with hexadecimal color #21addf

This text has a font color of #21addf.

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

#21addf background color

This paragraph has a background color of #21addf.

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

#21addf border color

This element has a border color of #21addf.

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

CSS codes

.text {color:#21addf;}

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

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

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, #000101 is the darkest color, while #eff9fd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030e12
```
#030e12 rgb(3,14,18)
```
#051b23
```
#051b23 rgb(5,27,35)
```
#082934
```
#082934 rgb(8,41,52)
```
#0a3645
```
#0a3645 rgb(10,54,69)
```
#0c4357
```
#0c4357 rgb(12,67,87)
```
#0f5068
```
#0f5068 rgb(15,80,104)
```
#115e79
```
#115e79 rgb(17,94,121)
```
#146b8a
```
#146b8a rgb(20,107,138)
```
#16789b
```
#16789b rgb(22,120,155)
```
#1986ac
```
#1986ac rgb(25,134,172)
```
#1b93bd
```
#1b93bd rgb(27,147,189)
```
#1ea0cf
```
#1ea0cf rgb(30,160,207)
```

Shade Color Variation

#21addf
```
#21addf rgb(33,173,223)
```
#32b3e1
```
#32b3e1 rgb(50,179,225)
```
#43bae4
```
#43bae4 rgb(67,186,228)
```
#54c0e6
```
#54c0e6 rgb(84,192,230)
```
#66c6e9
```
#66c6e9 rgb(102,198,233)
```
#77cdeb
```
#77cdeb rgb(119,205,235)
```
#88d3ee
```
#88d3ee rgb(136,211,238)
```
#99d9f0
```
#99d9f0 rgb(153,217,240)
```
#aae0f3
```
#aae0f3 rgb(170,224,243)
```
#bbe6f5
```
#bbe6f5 rgb(187,230,245)
```
#ccecf8
```
#ccecf8 rgb(204,236,248)
```
#def3fa
```
#def3fa rgb(222,243,250)
```
#eff9fd
```
#eff9fd rgb(239,249,253)
```

Tint Color Variation

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

#798387
```
#798387 rgb(121,131,135)
```
#6f8891
```
#6f8891 rgb(111,136,145)
```
#658d9b
```
#658d9b rgb(101,141,155)
```
#5c91a4
```
#5c91a4 rgb(92,145,164)
```
#5296ae
```
#5296ae rgb(82,150,174)
```
#489ab8
```
#489ab8 rgb(72,154,184)
```
#3e9fc2
```
#3e9fc2 rgb(62,159,194)
```
#35a4cb
```
#35a4cb rgb(53,164,203)
```
#2ba8d5
```
#2ba8d5 rgb(43,168,213)
```
#21addf
```
#21addf rgb(33,173,223)
```
#17b2e9
```
#17b2e9 rgb(23,178,233)
```
#0db6f3
```
#0db6f3 rgb(13,182,243)
```
#04bbfc
```
#04bbfc rgb(4,187,252)
```

Tone Color Variation

Below, you can see how #21addf 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
#74909a Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a3d7 Protanopia 1% of men
#8ba4e5 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#6ba7da Protanomaly 1% of men, 0.01% of women
#64a7e3 Deuteranomaly 6% of men, 0.4% of women
#0cb2cc Tritanomaly 0.01% of the population

#21addf hex color

#21addf Color Information

#21addf Color Conversion

Color Schemes with #21addf

Alternatives to #21addf

#21addf Preview

Shades and Tints of #21addf

Tones of #21addf

Color Blindness Simulator