#36b2fa Color Information
In a RGB color space, hex #36b2fa is composed of 21.2% red, 69.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 28.8% magenta, 0% yellow and 2% black. It has a hue angle of 202 degrees, a saturation of 95.1% and a lightness of 59.6%. #36b2fa color hex could be obtained by blending #6cffff with #0065f5. Closest websafe color is: #3399ff.
-
- R 21
- G 70
- B 98
-
- C 78
- M 29
- Y 0
- K 2
● #36b2fa color description : Bright blue.
#36b2fa Color Conversion
The hexadecimal color #36b2fa has RGB values of R:54, G:178, B:250 and CMYK values of C:0.78, M:0.29, Y:0, K:0.02. Its decimal value is 3584762.
Hex triplet | 36b2fa | #36b2fa |
---|---|---|
RGB Decimal | 54, 178, 250 | rgb(54,178,250) |
RGB Percent | 21.2, 69.8, 98 | rgb(21.2%,69.8%,98%) |
CMYK | 78, 29, 0, 2 | |
HSL | 202°, 95.1, 59.6 | hsl(202,95.1%,59.6%) |
HSV (or HSB) | 202°, 78.4, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 69.129, -9.606, -45.162 |
---|---|
XYZ | 34.693, 39.524, 96.238 |
xyY | 0.204, 0.232, 39.524 |
CIE-LCH | 69.129, 46.173, 257.992 |
CIE-LUV | 69.129, -41.687, -71.995 |
Hunter-Lab | 62.868, -11.517, -46.752 |
Binary | 00110110, 10110010, 11111010 |
Color Schemes with #36b2fa
Alternatives to #36b2fa
Below, you can see some colors close to #36b2fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b2fa Preview
This text has a font color of #36b2fa.
<span style="color:#36b2fa;">Text here</span>
This paragraph has a background color of #36b2fa.
<p style="background-color:#36b2fa;">Content here</p>
This element has a border color of #36b2fa.
<div style="border:1px solid #36b2fa;">Content here</div>
.text {color:#36b2fa;}
.background {background-color:#36b2fa;}
.border {border:1px solid #36b2fa;}
Shades and Tints of #36b2fa
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, #00060a is the darkest color, while #f5fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#01121d
#01121d
rgb(1,18,29)
-
#011f30
#011f30
rgb(1,31,48)
-
#022b43
#022b43
rgb(2,43,67)
-
#023756
#023756
rgb(2,55,86)
-
#034469
#034469
rgb(3,68,105)
-
#03507c
#03507c
rgb(3,80,124)
-
#045c90
#045c90
rgb(4,92,144)
-
#0468a3
#0468a3
rgb(4,104,163)
-
#0575b6
#0575b6
rgb(5,117,182)
-
#0581c9
#0581c9
rgb(5,129,201)
-
#058ddc
#058ddc
rgb(5,141,220)
-
#069aef
#069aef
rgb(6,154,239)
-
#10a3f9
#10a3f9
rgb(16,163,249)
-
#23abfa
#23abfa
rgb(35,171,250)
-
#36b2fa
#36b2fa
rgb(54,178,250)
-
#49b9fa
#49b9fa
rgb(73,185,250)
-
#5cc1fb
#5cc1fb
rgb(92,193,251)
-
#6fc8fb
#6fc8fb
rgb(111,200,251)
-
#83cffc
#83cffc
rgb(131,207,252)
-
#96d7fc
#96d7fc
rgb(150,215,252)
-
#a9defd
#a9defd
rgb(169,222,253)
-
#bce5fd
#bce5fd
rgb(188,229,253)
-
#cfedfe
#cfedfe
rgb(207,237,254)
-
#e2f4fe
#e2f4fe
rgb(226,244,254)
-
#f5fbff
#f5fbff
rgb(245,251,255)
Tones of #36b2fa
A tone is produced by adding gray to any pure hue. In this case, #95999b is the less saturated color, while #36b2fa is the most saturated one.
-
#95999b
#95999b
rgb(149,153,155)
-
#8d9ba3
#8d9ba3
rgb(141,155,163)
-
#859dab
#859dab
rgb(133,157,171)
-
#7d9fb3
#7d9fb3
rgb(125,159,179)
-
#75a1bb
#75a1bb
rgb(117,161,187)
-
#6da3c3
#6da3c3
rgb(109,163,195)
-
#66a5ca
#66a5ca
rgb(102,165,202)
-
#5ea7d2
#5ea7d2
rgb(94,167,210)
-
#56aada
#56aada
rgb(86,170,218)
-
#4eace2
#4eace2
rgb(78,172,226)
-
#46aeea
#46aeea
rgb(70,174,234)
-
#3eb0f2
#3eb0f2
rgb(62,176,242)
-
#36b2fa
#36b2fa
rgb(54,178,250)
Color Blindness Simulator
Below, you can see how #36b2fa 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.