#45ccf4 Color Information
In a RGB color space, hex #45ccf4 is composed of 27.1% red, 80% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 16.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 193.7 degrees, a saturation of 88.8% and a lightness of 61.4%. #45ccf4 color hex could be obtained by blending #8affff with #0099e9. Closest websafe color is: #33ccff.
-
- R 27
- G 80
- B 96
-
- C 72
- M 16
- Y 0
- K 4
● #45ccf4 color description : Bright cyan.
#45ccf4 Color Conversion
The hexadecimal color #45ccf4 has RGB values of R:69, G:204, B:244 and CMYK values of C:0.72, M:0.16, Y:0, K:0.04. Its decimal value is 4574452.
Hex triplet | 45ccf4 | #45ccf4 |
---|---|---|
RGB Decimal | 69, 204, 244 | rgb(69,204,244) |
RGB Percent | 27.1, 80, 95.7 | rgb(27.1%,80%,95.7%) |
CMYK | 72, 16, 0, 4 | |
HSL | 193.7°, 88.8, 61.4 | hsl(193.7,88.8%,61.4%) |
HSV (or HSB) | 193.7°, 71.7, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.666, -23.572, -30.191 |
---|---|
XYZ | 40.372, 50.979, 93.295 |
xyY | 0.219, 0.276, 50.979 |
CIE-LCH | 76.666, 38.303, 232.019 |
CIE-LUV | 76.666, -48.832, -45.295 |
Hunter-Lab | 71.4, -24.019, -27.492 |
Binary | 01000101, 11001100, 11110100 |
Color Schemes with #45ccf4
Alternatives to #45ccf4
Below, you can see some colors close to #45ccf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45ccf4 Preview
This text has a font color of #45ccf4.
<span style="color:#45ccf4;">Text here</span>
This paragraph has a background color of #45ccf4.
<p style="background-color:#45ccf4;">Content here</p>
This element has a border color of #45ccf4.
<div style="border:1px solid #45ccf4;">Content here</div>
.text {color:#45ccf4;}
.background {background-color:#45ccf4;}
.border {border:1px solid #45ccf4;}
Shades and Tints of #45ccf4
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, #010e12 is the darkest color, while #feffff is the lightest one.
-
#010e12
#010e12
rgb(1,14,18)
-
#021c24
#021c24
rgb(2,28,36)
-
#032b37
#032b37
rgb(3,43,55)
-
#043a49
#043a49
rgb(4,58,73)
-
#05485c
#05485c
rgb(5,72,92)
-
#07576e
#07576e
rgb(7,87,110)
-
#086581
#086581
rgb(8,101,129)
-
#097493
#097493
rgb(9,116,147)
-
#0a82a6
#0a82a6
rgb(10,130,166)
-
#0b91b8
#0b91b8
rgb(11,145,184)
-
#0c9fcb
#0c9fcb
rgb(12,159,203)
-
#0daedd
#0daedd
rgb(13,174,221)
-
#0ebcf0
#0ebcf0
rgb(14,188,240)
-
#20c2f2
#20c2f2
rgb(32,194,242)
-
#32c7f3
#32c7f3
rgb(50,199,243)
-
#45ccf4
#45ccf4
rgb(69,204,244)
-
#58d1f5
#58d1f5
rgb(88,209,245)
-
#6ad6f6
#6ad6f6
rgb(106,214,246)
-
#7ddbf7
#7ddbf7
rgb(125,219,247)
-
#8fe0f8
#8fe0f8
rgb(143,224,248)
-
#a2e5f9
#a2e5f9
rgb(162,229,249)
-
#b4eafb
#b4eafb
rgb(180,234,251)
-
#c7f0fc
#c7f0fc
rgb(199,240,252)
-
#d9f5fd
#d9f5fd
rgb(217,245,253)
-
#ecfafe
#ecfafe
rgb(236,250,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45ccf4
A tone is produced by adding gray to any pure hue. In this case, #989fa1 is the less saturated color, while #3dd0fc is the most saturated one.
-
#989fa1
#989fa1
rgb(152,159,161)
-
#91a3a8
#91a3a8
rgb(145,163,168)
-
#89a7b0
#89a7b0
rgb(137,167,176)
-
#82abb7
#82abb7
rgb(130,171,183)
-
#7aafbf
#7aafbf
rgb(122,175,191)
-
#72b3c7
#72b3c7
rgb(114,179,199)
-
#6bb7ce
#6bb7ce
rgb(107,183,206)
-
#63bcd6
#63bcd6
rgb(99,188,214)
-
#5cc0dd
#5cc0dd
rgb(92,192,221)
-
#54c4e5
#54c4e5
rgb(84,196,229)
-
#4dc8ec
#4dc8ec
rgb(77,200,236)
-
#45ccf4
#45ccf4
rgb(69,204,244)
-
#3dd0fc
#3dd0fc
rgb(61,208,252)
Color Blindness Simulator
Below, you can see how #45ccf4 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.