#45e1f3 Color Information
In a RGB color space, hex #45e1f3 is composed of 27.1% red, 88.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 7.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 186.2 degrees, a saturation of 87.9% and a lightness of 61.2%. #45e1f3 color hex could be obtained by blending #8affff with #00c3e7. Closest websafe color is: #33ccff.
-
- R 27
- G 88
- B 95
-
- C 72
- M 7
- Y 0
- K 5
● #45e1f3 color description : Bright cyan.
#45e1f3 Color Conversion
The hexadecimal color #45e1f3 has RGB values of R:69, G:225, B:243 and CMYK values of C:0.72, M:0.07, Y:0, K:0.05. Its decimal value is 4579827.
Hex triplet | 45e1f3 | #45e1f3 |
---|---|---|
RGB Decimal | 69, 225, 243 | rgb(69,225,243) |
RGB Percent | 27.1, 88.2, 95.3 | rgb(27.1%,88.2%,95.3%) |
CMYK | 72, 7, 0, 5 | |
HSL | 186.2°, 87.9, 61.2 | hsl(186.2,87.9%,61.2%) |
HSV (or HSB) | 186.2°, 71.6, 95.3 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 82.691, -34.106, -20.466 |
---|---|
XYZ | 45.552, 61.583, 94.275 |
xyY | 0.226, 0.306, 61.583 |
CIE-LCH | 82.691, 39.775, 210.967 |
CIE-LUV | 82.691, -56.241, -27.617 |
Hunter-Lab | 78.475, -33.716, -16.296 |
Binary | 01000101, 11100001, 11110011 |
Color Schemes with #45e1f3
Alternatives to #45e1f3
Below, you can see some colors close to #45e1f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45e1f3 Preview
This text has a font color of #45e1f3.
<span style="color:#45e1f3;">Text here</span>
This paragraph has a background color of #45e1f3.
<p style="background-color:#45e1f3;">Content here</p>
This element has a border color of #45e1f3.
<div style="border:1px solid #45e1f3;">Content here</div>
.text {color:#45e1f3;}
.background {background-color:#45e1f3;}
.border {border:1px solid #45e1f3;}
Shades and Tints of #45e1f3
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, #010f11 is the darkest color, while #fdffff is the lightest one.
-
#010f11
#010f11
rgb(1,15,17)
-
#022023
#022023
rgb(2,32,35)
-
#033036
#033036
rgb(3,48,54)
-
#054148
#054148
rgb(5,65,72)
-
#06525a
#06525a
rgb(6,82,90)
-
#07626d
#07626d
rgb(7,98,109)
-
#08737f
#08737f
rgb(8,115,127)
-
#098492
#098492
rgb(9,132,146)
-
#0b94a4
#0b94a4
rgb(11,148,164)
-
#0ca5b7
#0ca5b7
rgb(12,165,183)
-
#0db6c9
#0db6c9
rgb(13,182,201)
-
#0ec6db
#0ec6db
rgb(14,198,219)
-
#0fd7ee
#0fd7ee
rgb(15,215,238)
-
#20dbf1
#20dbf1
rgb(32,219,241)
-
#33def2
#33def2
rgb(51,222,242)
-
#45e1f3
#45e1f3
rgb(69,225,243)
-
#57e4f4
#57e4f4
rgb(87,228,244)
-
#6ae7f5
#6ae7f5
rgb(106,231,245)
-
#7ceaf7
#7ceaf7
rgb(124,234,247)
-
#8fedf8
#8fedf8
rgb(143,237,248)
-
#a1f0f9
#a1f0f9
rgb(161,240,249)
-
#b4f3fa
#b4f3fa
rgb(180,243,250)
-
#c6f6fb
#c6f6fb
rgb(198,246,251)
-
#d8f9fd
#d8f9fd
rgb(216,249,253)
-
#ebfcfe
#ebfcfe
rgb(235,252,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #45e1f3
A tone is produced by adding gray to any pure hue. In this case, #999f9f is the less saturated color, while #3de7fb is the most saturated one.
-
#999f9f
#999f9f
rgb(153,159,159)
-
#91a5a7
#91a5a7
rgb(145,165,167)
-
#8aabae
#8aabae
rgb(138,171,174)
-
#82b1b6
#82b1b6
rgb(130,177,182)
-
#7ab7be
#7ab7be
rgb(122,183,190)
-
#73bdc5
#73bdc5
rgb(115,189,197)
-
#6bc3cd
#6bc3cd
rgb(107,195,205)
-
#63c9d5
#63c9d5
rgb(99,201,213)
-
#5ccfdc
#5ccfdc
rgb(92,207,220)
-
#54d5e4
#54d5e4
rgb(84,213,228)
-
#4ddbeb
#4ddbeb
rgb(77,219,235)
-
#45e1f3
#45e1f3
rgb(69,225,243)
-
#3de7fb
#3de7fb
rgb(61,231,251)
Color Blindness Simulator
Below, you can see how #45e1f3 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.