#36afb6 Color Information
In a RGB color space, hex #36afb6 is composed of 21.2% red, 68.6% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 3.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 183.3 degrees, a saturation of 54.2% and a lightness of 46.3%. #36afb6 color hex could be obtained by blending #6cffff with #005f6d. Closest websafe color is: #3399cc.
-
- R 21
- G 69
- B 71
-
- C 70
- M 4
- Y 0
- K 29
● #36afb6 color description : Moderate cyan.
#36afb6 Color Conversion
The hexadecimal color #36afb6 has RGB values of R:54, G:175, B:182 and CMYK values of C:0.7, M:0.04, Y:0, K:0.29. Its decimal value is 3583926.
Hex triplet | 36afb6 | #36afb6 |
---|---|---|
RGB Decimal | 54, 175, 182 | rgb(54,175,182) |
RGB Percent | 21.2, 68.6, 71.4 | rgb(21.2%,68.6%,71.4%) |
CMYK | 70, 4, 0, 29 | |
HSL | 183.3°, 54.2, 46.3 | hsl(183.3,54.2%,46.3%) |
HSV (or HSB) | 183.3°, 70.3, 71.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.608, -30.155, -13.227 |
---|---|
XYZ | 25.292, 34.819, 49.641 |
xyY | 0.23, 0.317, 34.819 |
CIE-LCH | 65.608, 32.928, 203.684 |
CIE-LUV | 65.608, -44.852, -15.705 |
Hunter-Lab | 59.008, -26.754, -8.573 |
Binary | 00110110, 10101111, 10110110 |
Color Schemes with #36afb6
Alternatives to #36afb6
Below, you can see some colors close to #36afb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36afb6 Preview
This text has a font color of #36afb6.
<span style="color:#36afb6;">Text here</span>
This paragraph has a background color of #36afb6.
<p style="background-color:#36afb6;">Content here</p>
This element has a border color of #36afb6.
<div style="border:1px solid #36afb6;">Content here</div>
.text {color:#36afb6;}
.background {background-color:#36afb6;}
.border {border:1px solid #36afb6;}
Shades and Tints of #36afb6
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 #f0fafb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050f10
#050f10
rgb(5,15,16)
-
#091e1f
#091e1f
rgb(9,30,31)
-
#0e2c2e
#0e2c2e
rgb(14,44,46)
-
#123b3d
#123b3d
rgb(18,59,61)
-
#17494c
#17494c
rgb(23,73,76)
-
#1b585b
#1b585b
rgb(27,88,91)
-
#20666a
#20666a
rgb(32,102,106)
-
#247579
#247579
rgb(36,117,121)
-
#298389
#298389
rgb(41,131,137)
-
#2d9298
#2d9298
rgb(45,146,152)
-
#32a0a7
#32a0a7
rgb(50,160,167)
-
#36afb6
#36afb6
rgb(54,175,182)
-
#3bbdc5
#3bbdc5
rgb(59,189,197)
-
#4ac2c9
#4ac2c9
rgb(74,194,201)
-
#59c7ce
#59c7ce
rgb(89,199,206)
-
#68ccd2
#68ccd2
rgb(104,204,210)
-
#77d2d7
#77d2d7
rgb(119,210,215)
-
#86d7db
#86d7db
rgb(134,215,219)
-
#96dce0
#96dce0
rgb(150,220,224)
-
#a5e1e4
#a5e1e4
rgb(165,225,228)
-
#b4e6e9
#b4e6e9
rgb(180,230,233)
-
#c3ebed
#c3ebed
rgb(195,235,237)
-
#d2f0f2
#d2f0f2
rgb(210,240,242)
-
#e1f5f6
#e1f5f6
rgb(225,245,246)
-
#f0fafb
#f0fafb
rgb(240,250,251)
Tones of #36afb6
A tone is produced by adding gray to any pure hue. In this case, #767676 is the less saturated color, while #09d7e3 is the most saturated one.
-
#767676
#767676
rgb(118,118,118)
-
#6c7e80
#6c7e80
rgb(108,126,128)
-
#638789
#638789
rgb(99,135,137)
-
#5a8f92
#5a8f92
rgb(90,143,146)
-
#51979b
#51979b
rgb(81,151,155)
-
#489fa4
#489fa4
rgb(72,159,164)
-
#3fa7ad
#3fa7ad
rgb(63,167,173)
-
#36afb6
#36afb6
rgb(54,175,182)
-
#2db7bf
#2db7bf
rgb(45,183,191)
-
#24bfc8
#24bfc8
rgb(36,191,200)
-
#1bc7d1
#1bc7d1
rgb(27,199,209)
-
#12cfda
#12cfda
rgb(18,207,218)
-
#09d7e3
#09d7e3
rgb(9,215,227)
Color Blindness Simulator
Below, you can see how #36afb6 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.