#36affe Color Information
In a RGB color space, hex #36affe is composed of 21.2% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 203.7 degrees, a saturation of 99% and a lightness of 60.4%. #36affe color hex could be obtained by blending #6cffff with #005ffd. Closest websafe color is: #3399ff.
-
- R 21
- G 69
- B 100
-
- C 79
- M 31
- Y 0
- K 0
● #36affe color description : Bright blue.
#36affe Color Conversion
The hexadecimal color #36affe has RGB values of R:54, G:175, B:254 and CMYK values of C:0.79, M:0.31, Y:0, K:0. Its decimal value is 3583998.
Hex triplet | 36affe | #36affe |
---|---|---|
RGB Decimal | 54, 175, 254 | rgb(54,175,254) |
RGB Percent | 21.2, 68.6, 99.6 | rgb(21.2%,68.6%,99.6%) |
CMYK | 79, 31, 0, 0 | |
HSL | 203.7°, 99, 60.4 | hsl(203.7,99%,60.4%) |
HSV (or HSB) | 203.7°, 78.7, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.458, -6.564, -48.386 |
---|---|
XYZ | 34.736, 38.597, 99.38 |
xyY | 0.201, 0.223, 38.597 |
CIE-LCH | 68.458, 48.829, 262.274 |
CIE-LUV | 68.458, -40.457, -77.759 |
Hunter-Lab | 62.126, -8.918, -51.354 |
Binary | 00110110, 10101111, 11111110 |
Color Schemes with #36affe
Alternatives to #36affe
Below, you can see some colors close to #36affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36affe Preview
This text has a font color of #36affe.
<span style="color:#36affe;">Text here</span>
This paragraph has a background color of #36affe.
<p style="background-color:#36affe;">Content here</p>
This element has a border color of #36affe.
<div style="border:1px solid #36affe;">Content here</div>
.text {color:#36affe;}
.background {background-color:#36affe;}
.border {border:1px solid #36affe;}
Shades and Tints of #36affe
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, #00080e is the darkest color, while #f9fdff is the lightest one.
-
#00080e
#00080e
rgb(0,8,14)
-
#001421
#001421
rgb(0,20,33)
-
#002035
#002035
rgb(0,32,53)
-
#002c48
#002c48
rgb(0,44,72)
-
#00385c
#00385c
rgb(0,56,92)
-
#01446f
#01446f
rgb(1,68,111)
-
#014f83
#014f83
rgb(1,79,131)
-
#015b96
#015b96
rgb(1,91,150)
-
#0167aa
#0167aa
rgb(1,103,170)
-
#0173bd
#0173bd
rgb(1,115,189)
-
#017fd1
#017fd1
rgb(1,127,209)
-
#018be4
#018be4
rgb(1,139,228)
-
#0196f8
#0196f8
rgb(1,150,248)
-
#0f9ffe
#0f9ffe
rgb(15,159,254)
-
#22a7fe
#22a7fe
rgb(34,167,254)
-
#36affe
#36affe
rgb(54,175,254)
-
#4ab7fe
#4ab7fe
rgb(74,183,254)
-
#5dbffe
#5dbffe
rgb(93,191,254)
-
#71c6fe
#71c6fe
rgb(113,198,254)
-
#84cefe
#84cefe
rgb(132,206,254)
-
#98d6fe
#98d6fe
rgb(152,214,254)
-
#abdeff
#abdeff
rgb(171,222,255)
-
#bfe5ff
#bfe5ff
rgb(191,229,255)
-
#d2edff
#d2edff
rgb(210,237,255)
-
#e6f5ff
#e6f5ff
rgb(230,245,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #36affe
A tone is produced by adding gray to any pure hue. In this case, #939ba1 is the less saturated color, while #36affe is the most saturated one.
-
#939ba1
#939ba1
rgb(147,155,161)
-
#8b9da9
#8b9da9
rgb(139,157,169)
-
#849fb0
#849fb0
rgb(132,159,176)
-
#7ca0b8
#7ca0b8
rgb(124,160,184)
-
#74a2c0
#74a2c0
rgb(116,162,192)
-
#6ca4c8
#6ca4c8
rgb(108,164,200)
-
#65a5cf
#65a5cf
rgb(101,165,207)
-
#5da7d7
#5da7d7
rgb(93,167,215)
-
#55a8df
#55a8df
rgb(85,168,223)
-
#4daae7
#4daae7
rgb(77,170,231)
-
#46acee
#46acee
rgb(70,172,238)
-
#3eadf6
#3eadf6
rgb(62,173,246)
-
#36affe
#36affe
rgb(54,175,254)
Color Blindness Simulator
Below, you can see how #36affe 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.