#36abf0 Color Information
In a RGB color space, hex #36abf0 is composed of 21.2% red, 67.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 28.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 202.3 degrees, a saturation of 86.1% and a lightness of 57.6%. #36abf0 color hex could be obtained by blending #6cffff with #0057e1. Closest websafe color is: #3399ff.
-
- R 21
- G 67
- B 94
-
- C 78
- M 29
- Y 0
- K 6
● #36abf0 color description : Bright blue.
#36abf0 Color Conversion
The hexadecimal color #36abf0 has RGB values of R:54, G:171, B:240 and CMYK values of C:0.78, M:0.29, Y:0, K:0.06. Its decimal value is 3582960.
Hex triplet | 36abf0 | #36abf0 |
---|---|---|
RGB Decimal | 54, 171, 240 | rgb(54,171,240) |
RGB Percent | 21.2, 67.1, 94.1 | rgb(21.2%,67.1%,94.1%) |
CMYK | 78, 29, 0, 6 | |
HSL | 202.3°, 86.1, 57.6 | hsl(202.3,86.1%,57.6%) |
HSV (or HSB) | 202.3°, 77.5, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.671, -9.202, -43.579 |
---|---|
XYZ | 31.809, 36.199, 87.744 |
xyY | 0.204, 0.232, 36.199 |
CIE-LCH | 66.671, 44.539, 258.077 |
CIE-LUV | 66.671, -39.881, -68.972 |
Hunter-Lab | 60.165, -10.919, -44.352 |
Binary | 00110110, 10101011, 11110000 |
Color Schemes with #36abf0
Alternatives to #36abf0
Below, you can see some colors close to #36abf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36abf0 Preview
This text has a font color of #36abf0.
<span style="color:#36abf0;">Text here</span>
This paragraph has a background color of #36abf0.
<p style="background-color:#36abf0;">Content here</p>
This element has a border color of #36abf0.
<div style="border:1px solid #36abf0;">Content here</div>
.text {color:#36abf0;}
.background {background-color:#36abf0;}
.border {border:1px solid #36abf0;}
Shades and Tints of #36abf0
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, #010c12 is the darkest color, while #ffffff is the lightest one.
-
#010c12
#010c12
rgb(1,12,18)
-
#031824
#031824
rgb(3,24,36)
-
#042437
#042437
rgb(4,36,55)
-
#053049
#053049
rgb(5,48,73)
-
#073c5b
#073c5b
rgb(7,60,91)
-
#08486d
#08486d
rgb(8,72,109)
-
#0a5480
#0a5480
rgb(10,84,128)
-
#0b6092
#0b6092
rgb(11,96,146)
-
#0c6ca4
#0c6ca4
rgb(12,108,164)
-
#0e78b6
#0e78b6
rgb(14,120,182)
-
#0f84c9
#0f84c9
rgb(15,132,201)
-
#1090db
#1090db
rgb(16,144,219)
-
#129ced
#129ced
rgb(18,156,237)
-
#24a3ef
#24a3ef
rgb(36,163,239)
-
#36abf0
#36abf0
rgb(54,171,240)
-
#48b3f1
#48b3f1
rgb(72,179,241)
-
#5bbaf3
#5bbaf3
rgb(91,186,243)
-
#6dc2f4
#6dc2f4
rgb(109,194,244)
-
#7fcaf5
#7fcaf5
rgb(127,202,245)
-
#91d1f7
#91d1f7
rgb(145,209,247)
-
#a4d9f8
#a4d9f8
rgb(164,217,248)
-
#b6e0fa
#b6e0fa
rgb(182,224,250)
-
#c8e8fb
#c8e8fb
rgb(200,232,251)
-
#daf0fc
#daf0fc
rgb(218,240,252)
-
#edf7fe
#edf7fe
rgb(237,247,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #36abf0
A tone is produced by adding gray to any pure hue. In this case, #919395 is the less saturated color, while #2eadf8 is the most saturated one.
-
#919395
#919395
rgb(145,147,149)
-
#89969d
#89969d
rgb(137,150,157)
-
#8198a5
#8198a5
rgb(129,152,165)
-
#789aae
#789aae
rgb(120,154,174)
-
#709cb6
#709cb6
rgb(112,156,182)
-
#689ebe
#689ebe
rgb(104,158,190)
-
#60a0c6
#60a0c6
rgb(96,160,198)
-
#57a2cf
#57a2cf
rgb(87,162,207)
-
#4fa5d7
#4fa5d7
rgb(79,165,215)
-
#47a7df
#47a7df
rgb(71,167,223)
-
#3ea9e8
#3ea9e8
rgb(62,169,232)
-
#36abf0
#36abf0
rgb(54,171,240)
-
#2eadf8
#2eadf8
rgb(46,173,248)
Color Blindness Simulator
Below, you can see how #36abf0 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.