#36affd Color Information
In a RGB color space, hex #36affd is composed of 21.2% red, 68.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 30.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.5 degrees, a saturation of 98% and a lightness of 60.2%. #36affd color hex could be obtained by blending #6cffff with #005ffb. Closest websafe color is: #3399ff.
-
- R 21
- G 69
- B 99
-
- C 79
- M 31
- Y 0
- K 1
● #36affd color description : Bright blue.
#36affd Color Conversion
The hexadecimal color #36affd has RGB values of R:54, G:175, B:253 and CMYK values of C:0.79, M:0.31, Y:0, K:0.01. Its decimal value is 3583997.
Hex triplet | 36affd | #36affd |
---|---|---|
RGB Decimal | 54, 175, 253 | rgb(54,175,253) |
RGB Percent | 21.2, 68.6, 99.2 | rgb(21.2%,68.6%,99.2%) |
CMYK | 79, 31, 0, 1 | |
HSL | 203.5°, 98, 60.2 | hsl(203.5,98%,60.2%) |
HSV (or HSB) | 203.5°, 78.7, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.412, -6.912, -47.917 |
---|---|
XYZ | 34.577, 38.533, 98.538 |
xyY | 0.201, 0.224, 38.533 |
CIE-LCH | 68.412, 48.413, 261.792 |
CIE-LUV | 68.412, -40.511, -76.911 |
Hunter-Lab | 62.075, -9.204, -50.665 |
Binary | 00110110, 10101111, 11111101 |
Color Schemes with #36affd
Alternatives to #36affd
Below, you can see some colors close to #36affd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#36affd Preview
This text has a font color of #36affd.
<span style="color:#36affd;">Text here</span>
This paragraph has a background color of #36affd.
<p style="background-color:#36affd;">Content here</p>
This element has a border color of #36affd.
<div style="border:1px solid #36affd;">Content here</div>
.text {color:#36affd;}
.background {background-color:#36affd;}
.border {border:1px solid #36affd;}
Shades and Tints of #36affd
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, #00080d is the darkest color, while #f8fcff is the lightest one.
-
#00080d
#00080d
rgb(0,8,13)
-
#001420
#001420
rgb(0,20,32)
-
#012033
#012033
rgb(1,32,51)
-
#012b47
#012b47
rgb(1,43,71)
-
#01375a
#01375a
rgb(1,55,90)
-
#01436e
#01436e
rgb(1,67,110)
-
#014f81
#014f81
rgb(1,79,129)
-
#015b95
#015b95
rgb(1,91,149)
-
#0267a8
#0267a8
rgb(2,103,168)
-
#0273bb
#0273bb
rgb(2,115,187)
-
#027fcf
#027fcf
rgb(2,127,207)
-
#028ae2
#028ae2
rgb(2,138,226)
-
#0296f6
#0296f6
rgb(2,150,246)
-
#0fa0fd
#0fa0fd
rgb(15,160,253)
-
#23a7fd
#23a7fd
rgb(35,167,253)
-
#36affd
#36affd
rgb(54,175,253)
-
#49b7fd
#49b7fd
rgb(73,183,253)
-
#5dbefd
#5dbefd
rgb(93,190,253)
-
#70c6fe
#70c6fe
rgb(112,198,254)
-
#84cefe
#84cefe
rgb(132,206,254)
-
#97d6fe
#97d6fe
rgb(151,214,254)
-
#abddfe
#abddfe
rgb(171,221,254)
-
#bee5fe
#bee5fe
rgb(190,229,254)
-
#d1edff
#d1edff
rgb(209,237,255)
-
#e5f5ff
#e5f5ff
rgb(229,245,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #36affd
A tone is produced by adding gray to any pure hue. In this case, #949b9f is the less saturated color, while #36affd is the most saturated one.
-
#949b9f
#949b9f
rgb(148,155,159)
-
#8c9ca7
#8c9ca7
rgb(140,156,167)
-
#849eaf
#849eaf
rgb(132,158,175)
-
#7ca0b7
#7ca0b7
rgb(124,160,183)
-
#74a2bf
#74a2bf
rgb(116,162,191)
-
#6da3c6
#6da3c6
rgb(109,163,198)
-
#65a5ce
#65a5ce
rgb(101,165,206)
-
#5da7d6
#5da7d6
rgb(93,167,214)
-
#55a8de
#55a8de
rgb(85,168,222)
-
#4daae6
#4daae6
rgb(77,170,230)
-
#46aced
#46aced
rgb(70,172,237)
-
#3eadf5
#3eadf5
rgb(62,173,245)
-
#36affd
#36affd
rgb(54,175,253)
Color Blindness Simulator
Below, you can see how #36affd 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.