#45caf5 Color Information
In a RGB color space, hex #45caf5 is composed of 27.1% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.7 degrees, a saturation of 89.8% and a lightness of 61.6%. #45caf5 color hex could be obtained by blending #8affff with #0095eb. Closest websafe color is: #33ccff.
-
- R 27
- G 79
- B 96
-
- C 72
- M 18
- Y 0
- K 4
● #45caf5 color description : Bright cyan.
#45caf5 Color Conversion
The hexadecimal color #45caf5 has RGB values of R:69, G:202, B:245 and CMYK values of C:0.72, M:0.18, Y:0, K:0.04. Its decimal value is 4573941.
Hex triplet | 45caf5 | #45caf5 |
---|---|---|
RGB Decimal | 69, 202, 245 | rgb(69,202,245) |
RGB Percent | 27.1, 79.2, 96.1 | rgb(27.1%,79.2%,96.1%) |
CMYK | 72, 18, 0, 4 | |
HSL | 194.7°, 89.8, 61.6 | hsl(194.7,89.8%,61.6%) |
HSV (or HSB) | 194.7°, 71.8, 96.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.128, -22.246, -31.556 |
---|---|
XYZ | 40.052, 50.095, 93.94 |
xyY | 0.218, 0.272, 50.095 |
CIE-LCH | 76.128, 38.609, 234.817 |
CIE-LUV | 76.128, -48.072, -47.77 |
Hunter-Lab | 70.778, -22.852, -29.148 |
Binary | 01000101, 11001010, 11110101 |
Color Schemes with #45caf5
Alternatives to #45caf5
Below, you can see some colors close to #45caf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45caf5 Preview
This text has a font color of #45caf5.
<span style="color:#45caf5;">Text here</span>
This paragraph has a background color of #45caf5.
<p style="background-color:#45caf5;">Content here</p>
This element has a border color of #45caf5.
<div style="border:1px solid #45caf5;">Content here</div>
.text {color:#45caf5;}
.background {background-color:#45caf5;}
.border {border:1px solid #45caf5;}
Shades and Tints of #45caf5
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, #000000 is the darkest color, while #edfafe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#010e13
#010e13
rgb(1,14,19)
-
#021d25
#021d25
rgb(2,29,37)
-
#032b38
#032b38
rgb(3,43,56)
-
#04394b
#04394b
rgb(4,57,75)
-
#05485d
#05485d
rgb(5,72,93)
-
#065670
#065670
rgb(6,86,112)
-
#076482
#076482
rgb(7,100,130)
-
#087395
#087395
rgb(8,115,149)
-
#0981a8
#0981a8
rgb(9,129,168)
-
#0a8fba
#0a8fba
rgb(10,143,186)
-
#0b9ecd
#0b9ecd
rgb(11,158,205)
-
#0cace0
#0cace0
rgb(12,172,224)
-
#0dbaf2
#0dbaf2
rgb(13,186,242)
-
#20bff3
#20bff3
rgb(32,191,243)
-
#32c5f4
#32c5f4
rgb(50,197,244)
-
#45caf5
#45caf5
rgb(69,202,245)
-
#58cff6
#58cff6
rgb(88,207,246)
-
#6ad5f7
#6ad5f7
rgb(106,213,247)
-
#7ddaf8
#7ddaf8
rgb(125,218,248)
-
#8fdff9
#8fdff9
rgb(143,223,249)
-
#a2e5fa
#a2e5fa
rgb(162,229,250)
-
#b5eafb
#b5eafb
rgb(181,234,251)
-
#c7effc
#c7effc
rgb(199,239,252)
-
#daf4fd
#daf4fd
rgb(218,244,253)
-
#edfafe
#edfafe
rgb(237,250,254)
Tones of #45caf5
A tone is produced by adding gray to any pure hue. In this case, #98a0a2 is the less saturated color, while #3dcefd is the most saturated one.
-
#98a0a2
#98a0a2
rgb(152,160,162)
-
#90a3aa
#90a3aa
rgb(144,163,170)
-
#89a7b1
#89a7b1
rgb(137,167,177)
-
#81abb9
#81abb9
rgb(129,171,185)
-
#7aafc0
#7aafc0
rgb(122,175,192)
-
#72b3c8
#72b3c8
rgb(114,179,200)
-
#6bb7cf
#6bb7cf
rgb(107,183,207)
-
#63bbd7
#63bbd7
rgb(99,187,215)
-
#5cbede
#5cbede
rgb(92,190,222)
-
#54c2e6
#54c2e6
rgb(84,194,230)
-
#4dc6ed
#4dc6ed
rgb(77,198,237)
-
#45caf5
#45caf5
rgb(69,202,245)
-
#3dcefd
#3dcefd
rgb(61,206,253)
Color Blindness Simulator
Below, you can see how #45caf5 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.