#36ffff Color Information
In a RGB color space, hex #36ffff is composed of 21.2% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 60.6%. #36ffff color hex could be obtained by blending #6cffff with #00ffff. Closest websafe color is: #33ffff.
-
- R 21
- G 100
- B 100
-
- C 79
- M 0
- Y 0
- K 0
● #36ffff color description : Light cyan.
#36ffff Color Conversion
The hexadecimal color #36ffff has RGB values of R:54, G:255, B:255 and CMYK values of C:0.79, M:0, Y:0, K:0. Its decimal value is 3604479.
Hex triplet | 36ffff | #36ffff |
---|---|---|
RGB Decimal | 54, 255, 255 | rgb(54,255,255) |
RGB Percent | 21.2, 100, 100 | rgb(21.2%,100%,100%) |
CMYK | 79, 0, 0, 0 | |
HSL | 180°, 100, 60.6 | hsl(180,100%,60.6%) |
HSV (or HSB) | 180°, 78.8, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 91.469, -45.749, -13.571 |
---|---|
XYZ | 55.326, 79.519, 107.035 |
xyY | 0.229, 0.329, 79.519 |
CIE-LCH | 91.469, 47.72, 196.523 |
CIE-LUV | 91.469, -67.555, -14.587 |
Hunter-Lab | 89.173, -45.307, -8.745 |
Binary | 00110110, 11111111, 11111111 |
Color Schemes with #36ffff
Alternatives to #36ffff
Below, you can see some colors close to #36ffff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36ffff Preview
This text has a font color of #36ffff.
<span style="color:#36ffff;">Text here</span>
This paragraph has a background color of #36ffff.
<p style="background-color:#36ffff;">Content here</p>
This element has a border color of #36ffff.
<div style="border:1px solid #36ffff;">Content here</div>
.text {color:#36ffff;}
.background {background-color:#36ffff;}
.border {border:1px solid #36ffff;}
Shades and Tints of #36ffff
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, #000f0f is the darkest color, while #faffff is the lightest one.
-
#000f0f
#000f0f
rgb(0,15,15)
-
#002222
#002222
rgb(0,34,34)
-
#003636
#003636
rgb(0,54,54)
-
#004a4a
#004a4a
rgb(0,74,74)
-
#005d5d
#005d5d
rgb(0,93,93)
-
#007171
#007171
rgb(0,113,113)
-
#008484
#008484
rgb(0,132,132)
-
#009898
#009898
rgb(0,152,152)
-
#00acac
#00acac
rgb(0,172,172)
-
#00bfbf
#00bfbf
rgb(0,191,191)
-
#00d3d3
#00d3d3
rgb(0,211,211)
-
#00e7e7
#00e7e7
rgb(0,231,231)
-
#00fafa
#00fafa
rgb(0,250,250)
-
#0fffff
#0fffff
rgb(15,255,255)
-
#22ffff
#22ffff
rgb(34,255,255)
-
#36ffff
#36ffff
rgb(54,255,255)
-
#4affff
#4affff
rgb(74,255,255)
-
#5dffff
#5dffff
rgb(93,255,255)
-
#71ffff
#71ffff
rgb(113,255,255)
-
#84ffff
#84ffff
rgb(132,255,255)
-
#98ffff
#98ffff
rgb(152,255,255)
-
#acffff
#acffff
rgb(172,255,255)
-
#bfffff
#bfffff
rgb(191,255,255)
-
#d3ffff
#d3ffff
rgb(211,255,255)
-
#e7ffff
#e7ffff
rgb(231,255,255)
-
#faffff
#faffff
rgb(250,255,255)
Tones of #36ffff
A tone is produced by adding gray to any pure hue. In this case, #93a2a2 is the less saturated color, while #36ffff is the most saturated one.
-
#93a2a2
#93a2a2
rgb(147,162,162)
-
#8baaaa
#8baaaa
rgb(139,170,170)
-
#83b2b2
#83b2b2
rgb(131,178,178)
-
#7cb9b9
#7cb9b9
rgb(124,185,185)
-
#74c1c1
#74c1c1
rgb(116,193,193)
-
#6cc9c9
#6cc9c9
rgb(108,201,201)
-
#64d1d1
#64d1d1
rgb(100,209,209)
-
#5dd8d8
#5dd8d8
rgb(93,216,216)
-
#55e0e0
#55e0e0
rgb(85,224,224)
-
#4de8e8
#4de8e8
rgb(77,232,232)
-
#45f0f0
#45f0f0
rgb(69,240,240)
-
#3ef7f7
#3ef7f7
rgb(62,247,247)
-
#36ffff
#36ffff
rgb(54,255,255)
Color Blindness Simulator
Below, you can see how #36ffff 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.