#36b6b4 Color Information
In a RGB color space, hex #36b6b4 is composed of 21.2% red, 71.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 1.1% yellow and 28.6% black. It has a hue angle of 179.1 degrees, a saturation of 54.2% and a lightness of 46.3%. #36b6b4 color hex could be obtained by blending #6cffff with #006d69. Closest websafe color is: #33cccc.
-
- R 21
- G 71
- B 71
-
- C 70
- M 0
- Y 1
- K 29
● #36b6b4 color description : Moderate cyan.
#36b6b4 Color Conversion
The hexadecimal color #36b6b4 has RGB values of R:54, G:182, B:180 and CMYK values of C:0.7, M:0, Y:0.01, K:0.29. Its decimal value is 3585716.
Hex triplet | 36b6b4 | #36b6b4 |
---|---|---|
RGB Decimal | 54, 182, 180 | rgb(54,182,180) |
RGB Percent | 21.2, 71.4, 70.6 | rgb(21.2%,71.4%,70.6%) |
CMYK | 70, 0, 1, 29 | |
HSL | 179.1°, 54.2, 46.3 | hsl(179.1,54.2%,46.3%) |
HSV (or HSB) | 179.1°, 70.3, 71.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.675, -34.088, -9.025 |
---|---|
XYZ | 26.485, 37.533, 49.026 |
xyY | 0.234, 0.332, 37.533 |
CIE-LCH | 67.675, 35.262, 194.829 |
CIE-LUV | 67.675, -47.516, -8.552 |
Hunter-Lab | 61.264, -30.046, -4.561 |
Binary | 00110110, 10110110, 10110100 |
Color Schemes with #36b6b4
Alternatives to #36b6b4
Below, you can see some colors close to #36b6b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b6b4 Preview
This text has a font color of #36b6b4.
<span style="color:#36b6b4;">Text here</span>
This paragraph has a background color of #36b6b4.
<p style="background-color:#36b6b4;">Content here</p>
This element has a border color of #36b6b4.
<div style="border:1px solid #36b6b4;">Content here</div>
.text {color:#36b6b4;}
.background {background-color:#36b6b4;}
.border {border:1px solid #36b6b4;}
Shades and Tints of #36b6b4
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, #000000 is the darkest color, while #f0fbfa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#05100f
#05100f
rgb(5,16,15)
-
#091f1e
#091f1e
rgb(9,31,30)
-
#0e2e2d
#0e2e2d
rgb(14,46,45)
-
#123d3c
#123d3c
rgb(18,61,60)
-
#174c4b
#174c4b
rgb(23,76,75)
-
#1b5b5a
#1b5b5a
rgb(27,91,90)
-
#206a69
#206a69
rgb(32,106,105)
-
#247978
#247978
rgb(36,121,120)
-
#298987
#298987
rgb(41,137,135)
-
#2d9896
#2d9896
rgb(45,152,150)
-
#32a7a5
#32a7a5
rgb(50,167,165)
-
#36b6b4
#36b6b4
rgb(54,182,180)
-
#3bc5c3
#3bc5c3
rgb(59,197,195)
-
#4ac9c7
#4ac9c7
rgb(74,201,199)
-
#59cecc
#59cecc
rgb(89,206,204)
-
#68d2d1
#68d2d1
rgb(104,210,209)
-
#77d7d5
#77d7d5
rgb(119,215,213)
-
#86dbda
#86dbda
rgb(134,219,218)
-
#96e0df
#96e0df
rgb(150,224,223)
-
#a5e4e3
#a5e4e3
rgb(165,228,227)
-
#b4e9e8
#b4e9e8
rgb(180,233,232)
-
#c3eded
#c3eded
rgb(195,237,237)
-
#d2f2f1
#d2f2f1
rgb(210,242,241)
-
#e1f6f6
#e1f6f6
rgb(225,246,246)
-
#f0fbfa
#f0fbfa
rgb(240,251,250)
Tones of #36b6b4
A tone is produced by adding gray to any pure hue. In this case, #767676 is the less saturated color, while #09e3e0 is the most saturated one.
-
#767676
#767676
rgb(118,118,118)
-
#6c807f
#6c807f
rgb(108,128,127)
-
#638988
#638988
rgb(99,137,136)
-
#5a9291
#5a9291
rgb(90,146,145)
-
#519b9a
#519b9a
rgb(81,155,154)
-
#48a4a2
#48a4a2
rgb(72,164,162)
-
#3fadab
#3fadab
rgb(63,173,171)
-
#36b6b4
#36b6b4
rgb(54,182,180)
-
#2dbfbd
#2dbfbd
rgb(45,191,189)
-
#24c8c6
#24c8c6
rgb(36,200,198)
-
#1bd1ce
#1bd1ce
rgb(27,209,206)
-
#12dad7
#12dad7
rgb(18,218,215)
-
#09e3e0
#09e3e0
rgb(9,227,224)
Color Blindness Simulator
Below, you can see how #36b6b4 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.