#36b1cb hex color

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

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

● #36b1cb color description : Moderate cyan.

The hexadecimal color #36b1cb has RGB values of R:54, G:177, B:203 and CMYK values of C:0.73, M:0.13, Y:0, K:0.2. Its decimal value is 3584459.

Hex triplet	36b1cb	`#36b1cb`
RGB Decimal	54, 177, 203	`rgb(54,177,203)`
RGB Percent	21.2, 69.4, 79.6	`rgb(21.2%,69.4%,79.6%)`
CMYK	73, 13, 0, 20
HSL	190.5°, 58.9, 50.4	`hsl(190.5,58.9%,50.4%)`
HSV (or HSB)	190.5°, 73.4, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.929, -24.68, -22.854
XYZ	28.02, 36.538, 62.072
xyY	0.221, 0.289, 36.538
CIE-LCH	66.929, 33.637, 222.8
CIE-LUV	66.929, -44.21, -32.158
Hunter-Lab	60.447, -23.038, -18.572
Binary	00110110, 10110001, 11001011

#36b1cb
```
#36b1cb rgb(54,177,203)
```
#cb5036
```
#cb5036 rgb(203,80,54)
```

Complementary Color

#36cb9b
```
#36cb9b rgb(54,203,155)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#3667cb
```
#3667cb rgb(54,103,203)
```

Analogous Color

#cb9b36
```
#cb9b36 rgb(203,155,54)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#cb3667
```
#cb3667 rgb(203,54,103)
```

Split Complementary Color

#b1cb36
```
#b1cb36 rgb(177,203,54)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#cb36b1
```
#cb36b1 rgb(203,54,177)
```

Triadic Color

#36cb50
```
#36cb50 rgb(54,203,80)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#cb36b1
```
#cb36b1 rgb(203,54,177)
```
#cb5036
```
#cb5036 rgb(203,80,54)
```

Tetradic Color

#257d8f
```
#257d8f rgb(37,125,143)
```
#2a8ea4
```
#2a8ea4 rgb(42,142,164)
```
#30a0b8
```
#30a0b8 rgb(48,160,184)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#4ab9d0
```
#4ab9d0 rgb(74,185,208)
```
#5fc1d5
```
#5fc1d5 rgb(95,193,213)
```
#73c9db
```
#73c9db rgb(115,201,219)
```

Monochromatic Color

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

#36cbc0
```
#36cbc0 rgb(54,203,192)
```
#36cacb
```
#36cacb rgb(54,202,203)
```
#36bdcb
```
#36bdcb rgb(54,189,203)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#36a5cb
```
#36a5cb rgb(54,165,203)
```
#3698cb
```
#3698cb rgb(54,152,203)
```
#368ccb
```
#368ccb rgb(54,140,203)
```

Similar Colors

Text with hexadecimal color #36b1cb

This text has a font color of #36b1cb.

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

#36b1cb background color

This paragraph has a background color of #36b1cb.

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

#36b1cb border color

This element has a border color of #36b1cb.

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

CSS codes

.text {color:#36b1cb;}

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

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

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 #f1fafb is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#081d21
```
#081d21 rgb(8,29,33)
```
#0d2a30
```
#0d2a30 rgb(13,42,48)
```
#113840
```
#113840 rgb(17,56,64)
```
#154550
```
#154550 rgb(21,69,80)
```
#19535f
```
#19535f rgb(25,83,95)
```
#1d606f
```
#1d606f rgb(29,96,111)
```
#216e7e
```
#216e7e rgb(33,110,126)
```
#257b8e
```
#257b8e rgb(37,123,142)
```
#29899d
```
#29899d rgb(41,137,157)
```
#2d97ad
```
#2d97ad rgb(45,151,173)
```
#31a4bd
```
#31a4bd rgb(49,164,189)
```

Shade Color Variation

#36b1cb
```
#36b1cb rgb(54,177,203)
```
#46b7cf
```
#46b7cf rgb(70,183,207)
```
#55bdd3
```
#55bdd3 rgb(85,189,211)
```
#65c3d7
```
#65c3d7 rgb(101,195,215)
```
#74c9db
```
#74c9db rgb(116,201,219)
```
#84cfdf
```
#84cfdf rgb(132,207,223)
```
#94d5e3
```
#94d5e3 rgb(148,213,227)
```
#a3dbe7
```
#a3dbe7 rgb(163,219,231)
```
#b3e1eb
```
#b3e1eb rgb(179,225,235)
```
#c2e7ef
```
#c2e7ef rgb(194,231,239)
```
#d2edf3
```
#d2edf3 rgb(210,237,243)
```
#e1f4f7
```
#e1f4f7 rgb(225,244,247)
```
#f1fafb
```
#f1fafb rgb(241,250,251)
```

Tint Color Variation

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

#7a8587
```
#7a8587 rgb(122,133,135)
```
#708b91
```
#708b91 rgb(112,139,145)
```
#67919a
```
#67919a rgb(103,145,154)
```
#5d98a4
```
#5d98a4 rgb(93,152,164)
```
#539eae
```
#539eae rgb(83,158,174)
```
#49a4b8
```
#49a4b8 rgb(73,164,184)
```
#40abc1
```
#40abc1 rgb(64,171,193)
```
#36b1cb
```
#36b1cb rgb(54,177,203)
```
#2cb7d5
```
#2cb7d5 rgb(44,183,213)
```
#23bede
```
#23bede rgb(35,190,222)
```
#19c4e8
```
#19c4e8 rgb(25,196,232)
```
#0fcaf2
```
#0fcaf2 rgb(15,202,242)
```
#05d1fc
```
#05d1fc rgb(5,209,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7d969b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a6c4 Protanopia 1% of men
#9ea4d3 Deuteranopia 1% of men
#37b6c4 Tritanopia 0.001% of the population

Trichromacy

#7aaac6 Protanomaly 1% of men, 0.01% of women
#78a9d0 Deuteranomaly 6% of men, 0.4% of women
#36b4c6 Tritanomaly 0.01% of the population

#36b1cb hex color

#36b1cb Color Information

#36b1cb Color Conversion

Color Schemes with #36b1cb

Alternatives to #36b1cb

#36b1cb Preview

Shades and Tints of #36b1cb

Tones of #36b1cb

Color Blindness Simulator