#36afcb hex color

In a RGB color space, hex #36afcb is composed of 21.2% red, 68.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 13.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 191.3 degrees, a saturation of 58.9% and a lightness of 50.4%. #36afcb color hex could be obtained by blending #6cffff with #005f97. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 69
- B 80
RGB color chart
- C 73
- M 14
- Y 0
- K 20
CMYK color chart

● #36afcb color description : Moderate cyan.

The hexadecimal color #36afcb has RGB values of R:54, G:175, B:203 and CMYK values of C:0.73, M:0.14, Y:0, K:0.2. Its decimal value is 3583947.

Hex triplet	36afcb	`#36afcb`
RGB Decimal	54, 175, 203	`rgb(54,175,203)`
RGB Percent	21.2, 68.6, 79.6	`rgb(21.2%,68.6%,79.6%)`
CMYK	73, 14, 0, 20
HSL	191.3°, 58.9, 50.4	`hsl(191.3,58.9%,50.4%)`
HSV (or HSB)	191.3°, 73.4, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.331, -23.664, -23.768
XYZ	27.628, 35.754, 61.942
xyY	0.22, 0.285, 35.754
CIE-LCH	66.331, 33.54, 225.126
CIE-LUV	66.331, -43.498, -33.763
Hunter-Lab	59.794, -22.164, -19.563
Binary	00110110, 10101111, 11001011

#36afcb
```
#36afcb rgb(54,175,203)
```
#cb5236
```
#cb5236 rgb(203,82,54)
```

Complementary Color

#36cb9d
```
#36cb9d rgb(54,203,157)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#3665cb
```
#3665cb rgb(54,101,203)
```

Analogous Color

#cb9d36
```
#cb9d36 rgb(203,157,54)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#cb3665
```
#cb3665 rgb(203,54,101)
```

Split Complementary Color

#afcb36
```
#afcb36 rgb(175,203,54)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#cb36af
```
#cb36af rgb(203,54,175)
```

Triadic Color

#36cb52
```
#36cb52 rgb(54,203,82)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#cb36af
```
#cb36af rgb(203,54,175)
```
#cb5236
```
#cb5236 rgb(203,82,54)
```

Tetradic Color

#257b8f
```
#257b8f rgb(37,123,143)
```
#2a8da4
```
#2a8da4 rgb(42,141,164)
```
#309eb8
```
#309eb8 rgb(48,158,184)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#4ab7d0
```
#4ab7d0 rgb(74,183,208)
```
#5fbfd5
```
#5fbfd5 rgb(95,191,213)
```
#73c7db
```
#73c7db rgb(115,199,219)
```

Monochromatic Color

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

#36cbc2
```
#36cbc2 rgb(54,203,194)
```
#36c8cb
```
#36c8cb rgb(54,200,203)
```
#36bbcb
```
#36bbcb rgb(54,187,203)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#36a3cb
```
#36a3cb rgb(54,163,203)
```
#3696cb
```
#3696cb rgb(54,150,203)
```
#368acb
```
#368acb rgb(54,138,203)
```

Similar Colors

Text with hexadecimal color #36afcb

This text has a font color of #36afcb.

<span style="color:#36afcb;">Text here</span>

#36afcb background color

This paragraph has a background color of #36afcb.

<p style="background-color:#36afcb;">Content here</p>

#36afcb border color

This element has a border color of #36afcb.

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

CSS codes

.text {color:#36afcb;}

.background {background-color:#36afcb;}

.border {border:1px solid #36afcb;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#081c21
```
#081c21 rgb(8,28,33)
```
#0d2a30
```
#0d2a30 rgb(13,42,48)
```
#113740
```
#113740 rgb(17,55,64)
```
#154450
```
#154450 rgb(21,68,80)
```
#19525f
```
#19525f rgb(25,82,95)
```
#1d5f6f
```
#1d5f6f rgb(29,95,111)
```
#216d7e
```
#216d7e rgb(33,109,126)
```
#257a8e
```
#257a8e rgb(37,122,142)
```
#29879d
```
#29879d rgb(41,135,157)
```
#2d95ad
```
#2d95ad rgb(45,149,173)
```
#31a2bd
```
#31a2bd rgb(49,162,189)
```

Shade Color Variation

#36afcb
```
#36afcb rgb(54,175,203)
```
#46b5cf
```
#46b5cf rgb(70,181,207)
```
#55bbd3
```
#55bbd3 rgb(85,187,211)
```
#65c2d7
```
#65c2d7 rgb(101,194,215)
```
#74c8db
```
#74c8db rgb(116,200,219)
```
#84cedf
```
#84cedf rgb(132,206,223)
```
#94d4e3
```
#94d4e3 rgb(148,212,227)
```
#a3dae7
```
#a3dae7 rgb(163,218,231)
```
#b3e1eb
```
#b3e1eb rgb(179,225,235)
```
#c2e7ef
```
#c2e7ef rgb(194,231,239)
```
#d2edf3
```
#d2edf3 rgb(210,237,243)
```
#e1f3f7
```
#e1f3f7 rgb(225,243,247)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8487 is the less saturated color, while #05cdfc is the most saturated one.

#7a8487
```
#7a8487 rgb(122,132,135)
```
#708b91
```
#708b91 rgb(112,139,145)
```
#67919a
```
#67919a rgb(103,145,154)
```
#5d97a4
```
#5d97a4 rgb(93,151,164)
```
#539dae
```
#539dae rgb(83,157,174)
```
#49a3b8
```
#49a3b8 rgb(73,163,184)
```
#40a9c1
```
#40a9c1 rgb(64,169,193)
```
#36afcb
```
#36afcb rgb(54,175,203)
```
#2cb5d5
```
#2cb5d5 rgb(44,181,213)
```
#23bbde
```
#23bbde rgb(35,187,222)
```
#19c1e8
```
#19c1e8 rgb(25,193,232)
```
#0fc7f2
```
#0fc7f2 rgb(15,199,242)
```
#05cdfc
```
#05cdfc rgb(5,205,252)
```

Tone Color Variation

Below, you can see how #36afcb 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

#8e8e8e Achromatopsia 0.005% of the population
#7c959a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea4c4 Protanopia 1% of men
#9ba3d3 Deuteranopia 1% of men
#35b5c2 Tritanopia 0.001% of the population

Trichromacy

#78a8c6 Protanomaly 1% of men, 0.01% of women
#76a7d0 Deuteranomaly 6% of men, 0.4% of women
#35b2c5 Tritanomaly 0.01% of the population

#36afcb hex color

#36afcb Color Information

#36afcb Color Conversion

Color Schemes with #36afcb

Alternatives to #36afcb

#36afcb Preview

Shades and Tints of #36afcb

Tones of #36afcb

Color Blindness Simulator