#36b2f8 Color Information
In a RGB color space, hex #36b2f8 is composed of 21.2% red, 69.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 28.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 201.6 degrees, a saturation of 93.3% and a lightness of 59.2%. #36b2f8 color hex could be obtained by blending #6cffff with #0065f1. Closest websafe color is: #3399ff.
-
- R 21
- G 70
- B 97
-
- C 78
- M 28
- Y 0
- K 3
● #36b2f8 color description : Bright blue.
#36b2f8 Color Conversion
The hexadecimal color #36b2f8 has RGB values of R:54, G:178, B:248 and CMYK values of C:0.78, M:0.28, Y:0, K:0.03. Its decimal value is 3584760.
Hex triplet | 36b2f8 | #36b2f8 |
---|---|---|
RGB Decimal | 54, 178, 248 | rgb(54,178,248) |
RGB Percent | 21.2, 69.8, 97.3 | rgb(21.2%,69.8%,97.3%) |
CMYK | 78, 28, 0, 3 | |
HSL | 201.6°, 93.3, 59.2 | hsl(201.6,93.3%,59.2%) |
HSV (or HSB) | 201.6°, 78.2, 97.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 69.04, -10.294, -44.218 |
---|---|
XYZ | 34.381, 39.399, 94.595 |
xyY | 0.204, 0.234, 39.399 |
CIE-LCH | 69.04, 45.401, 256.895 |
CIE-LUV | 69.04, -41.802, -70.285 |
Hunter-Lab | 62.769, -12.075, -45.414 |
Binary | 00110110, 10110010, 11111000 |
Color Schemes with #36b2f8
Alternatives to #36b2f8
Below, you can see some colors close to #36b2f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36b2f8 Preview
This text has a font color of #36b2f8.
<span style="color:#36b2f8;">Text here</span>
This paragraph has a background color of #36b2f8.
<p style="background-color:#36b2f8;">Content here</p>
This element has a border color of #36b2f8.
<div style="border:1px solid #36b2f8;">Content here</div>
.text {color:#36b2f8;}
.background {background-color:#36b2f8;}
.border {border:1px solid #36b2f8;}
Shades and Tints of #36b2f8
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, #000508 is the darkest color, while #f4fbff is the lightest one.
-
#000508
#000508
rgb(0,5,8)
-
#01111a
#01111a
rgb(1,17,26)
-
#021e2d
#021e2d
rgb(2,30,45)
-
#022a40
#022a40
rgb(2,42,64)
-
#033653
#033653
rgb(3,54,83)
-
#044366
#044366
rgb(4,67,102)
-
#044f79
#044f79
rgb(4,79,121)
-
#055b8c
#055b8c
rgb(5,91,140)
-
#06689f
#06689f
rgb(6,104,159)
-
#0674b2
#0674b2
rgb(6,116,178)
-
#0780c5
#0780c5
rgb(7,128,197)
-
#088dd8
#088dd8
rgb(8,141,216)
-
#0899eb
#0899eb
rgb(8,153,235)
-
#10a3f7
#10a3f7
rgb(16,163,247)
-
#23abf7
#23abf7
rgb(35,171,247)
-
#36b2f8
#36b2f8
rgb(54,178,248)
-
#49b9f9
#49b9f9
rgb(73,185,249)
-
#5cc1f9
#5cc1f9
rgb(92,193,249)
-
#6fc8fa
#6fc8fa
rgb(111,200,250)
-
#82cffb
#82cffb
rgb(130,207,251)
-
#95d6fb
#95d6fb
rgb(149,214,251)
-
#a8defc
#a8defc
rgb(168,222,252)
-
#bbe5fd
#bbe5fd
rgb(187,229,253)
-
#ceecfd
#ceecfd
rgb(206,236,253)
-
#e1f3fe
#e1f3fe
rgb(225,243,254)
-
#f4fbff
#f4fbff
rgb(244,251,255)
Tones of #36b2f8
A tone is produced by adding gray to any pure hue. In this case, #969798 is the less saturated color, while #36b2f8 is the most saturated one.
-
#969798
#969798
rgb(150,151,152)
-
#8e9aa0
#8e9aa0
rgb(142,154,160)
-
#869ca8
#869ca8
rgb(134,156,168)
-
#7e9eb0
#7e9eb0
rgb(126,158,176)
-
#76a0b8
#76a0b8
rgb(118,160,184)
-
#6ea2c0
#6ea2c0
rgb(110,162,192)
-
#66a5c8
#66a5c8
rgb(102,165,200)
-
#5ea7d0
#5ea7d0
rgb(94,167,208)
-
#56a9d8
#56a9d8
rgb(86,169,216)
-
#4eabe0
#4eabe0
rgb(78,171,224)
-
#46aee8
#46aee8
rgb(70,174,232)
-
#3eb0f0
#3eb0f0
rgb(62,176,240)
-
#36b2f8
#36b2f8
rgb(54,178,248)
Color Blindness Simulator
Below, you can see how #36b2f8 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.