#36b5b2 Color Information
In a RGB color space, hex #36b5b2 is composed of 21.2% red, 71% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 1.7% yellow and 29% black. It has a hue angle of 178.6 degrees, a saturation of 54% and a lightness of 46.1%. #36b5b2 color hex could be obtained by blending #6cffff with #006b65. Closest websafe color is: #33cc99.
-
- R 21
- G 71
- B 70
-
- C 70
- M 0
- Y 2
- K 29
● #36b5b2 color description : Moderate cyan.
#36b5b2 Color Conversion
The hexadecimal color #36b5b2 has RGB values of R:54, G:181, B:178 and CMYK values of C:0.7, M:0, Y:0.02, K:0.29. Its decimal value is 3585458.
Hex triplet | 36b5b2 | #36b5b2 |
---|---|---|
RGB Decimal | 54, 181, 178 | rgb(54,181,178) |
RGB Percent | 21.2, 71, 69.8 | rgb(21.2%,71%,69.8%) |
CMYK | 70, 0, 2, 29 | |
HSL | 178.6°, 54, 46.1 | hsl(178.6,54%,46.1%) |
HSV (or HSB) | 178.6°, 70.2, 71 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 67.31, -34.193, -8.464 |
---|---|
XYZ | 26.079, 37.044, 47.893 |
xyY | 0.235, 0.334, 37.044 |
CIE-LCH | 67.31, 35.225, 193.902 |
CIE-LUV | 67.31, -47.287, -7.651 |
Hunter-Lab | 60.864, -30.029, -4.05 |
Binary | 00110110, 10110101, 10110010 |
Color Schemes with #36b5b2
Alternatives to #36b5b2
Below, you can see some colors close to #36b5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b5b2 Preview
This text has a font color of #36b5b2.
<span style="color:#36b5b2;">Text here</span>
This paragraph has a background color of #36b5b2.
<p style="background-color:#36b5b2;">Content here</p>
This element has a border color of #36b5b2.
<div style="border:1px solid #36b5b2;">Content here</div>
.text {color:#36b5b2;}
.background {background-color:#36b5b2;}
.border {border:1px solid #36b5b2;}
Shades and Tints of #36b5b2
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, #040f0f is the darkest color, while #ffffff is the lightest one.
-
#040f0f
#040f0f
rgb(4,15,15)
-
#091e1d
#091e1d
rgb(9,30,29)
-
#0d2d2c
#0d2d2c
rgb(13,45,44)
-
#123c3b
#123c3b
rgb(18,60,59)
-
#164b4a
#164b4a
rgb(22,75,74)
-
#1b5a59
#1b5a59
rgb(27,90,89)
-
#1f6968
#1f6968
rgb(31,105,104)
-
#247977
#247977
rgb(36,121,119)
-
#288885
#288885
rgb(40,136,133)
-
#2d9794
#2d9794
rgb(45,151,148)
-
#31a6a3
#31a6a3
rgb(49,166,163)
-
#36b5b2
#36b5b2
rgb(54,181,178)
-
#3bc4c1
#3bc4c1
rgb(59,196,193)
-
#49c9c6
#49c9c6
rgb(73,201,198)
-
#59cdcb
#59cdcb
rgb(89,205,203)
-
#68d2cf
#68d2cf
rgb(104,210,207)
-
#77d6d4
#77d6d4
rgb(119,214,212)
-
#86dbd9
#86dbd9
rgb(134,219,217)
-
#95dfde
#95dfde
rgb(149,223,222)
-
#a4e4e2
#a4e4e2
rgb(164,228,226)
-
#b3e8e7
#b3e8e7
rgb(179,232,231)
-
#c2edec
#c2edec
rgb(194,237,236)
-
#d1f1f1
#d1f1f1
rgb(209,241,241)
-
#e0f6f5
#e0f6f5
rgb(224,246,245)
-
#f0fafa
#f0fafa
rgb(240,250,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #36b5b2
A tone is produced by adding gray to any pure hue. In this case, #757676 is the less saturated color, while #09e2dd is the most saturated one.
-
#757676
#757676
rgb(117,118,118)
-
#6c7f7e
#6c7f7e
rgb(108,127,126)
-
#638887
#638887
rgb(99,136,135)
-
#5a9190
#5a9190
rgb(90,145,144)
-
#519a98
#519a98
rgb(81,154,152)
-
#48a3a1
#48a3a1
rgb(72,163,161)
-
#3faca9
#3faca9
rgb(63,172,169)
-
#36b5b2
#36b5b2
rgb(54,181,178)
-
#2dbebb
#2dbebb
rgb(45,190,187)
-
#24c7c3
#24c7c3
rgb(36,199,195)
-
#1bd0cc
#1bd0cc
rgb(27,208,204)
-
#12d9d4
#12d9d4
rgb(18,217,212)
-
#09e2dd
#09e2dd
rgb(9,226,221)
Color Blindness Simulator
Below, you can see how #36b5b2 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.