#45d6f2 Color Information
In a RGB color space, hex #45d6f2 is composed of 27.1% red, 83.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 11.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.7 degrees, a saturation of 86.9% and a lightness of 61%. #45d6f2 color hex could be obtained by blending #8affff with #00ade5. Closest websafe color is: #33ccff.
-
- R 27
- G 84
- B 95
-
- C 71
- M 12
- Y 0
- K 5
● #45d6f2 color description : Bright cyan.
#45d6f2 Color Conversion
The hexadecimal color #45d6f2 has RGB values of R:69, G:214, B:242 and CMYK values of C:0.71, M:0.12, Y:0, K:0.05. Its decimal value is 4577010.
Hex triplet | 45d6f2 | #45d6f2 |
---|---|---|
RGB Decimal | 69, 214, 242 | rgb(69,214,242) |
RGB Percent | 27.1, 83.9, 94.9 | rgb(27.1%,83.9%,94.9%) |
CMYK | 71, 12, 0, 5 | |
HSL | 189.7°, 86.9, 61 | hsl(189.7,86.9%,61%) |
HSV (or HSB) | 189.7°, 71.5, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 79.48, -29.139, -24.813 |
---|---|
XYZ | 42.523, 55.765, 92.522 |
xyY | 0.223, 0.292, 55.765 |
CIE-LCH | 79.48, 38.272, 220.416 |
CIE-LUV | 79.48, -52.461, -35.534 |
Hunter-Lab | 74.676, -29.039, -21.186 |
Binary | 01000101, 11010110, 11110010 |
Color Schemes with #45d6f2
Alternatives to #45d6f2
Below, you can see some colors close to #45d6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45d6f2 Preview
This text has a font color of #45d6f2.
<span style="color:#45d6f2;">Text here</span>
This paragraph has a background color of #45d6f2.
<p style="background-color:#45d6f2;">Content here</p>
This element has a border color of #45d6f2.
<div style="border:1px solid #45d6f2;">Content here</div>
.text {color:#45d6f2;}
.background {background-color:#45d6f2;}
.border {border:1px solid #45d6f2;}
Shades and Tints of #45d6f2
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, #010d10 is the darkest color, while #fcfeff is the lightest one.
-
#010d10
#010d10
rgb(1,13,16)
-
#021d22
#021d22
rgb(2,29,34)
-
#042c34
#042c34
rgb(4,44,52)
-
#053c47
#053c47
rgb(5,60,71)
-
#064c59
#064c59
rgb(6,76,89)
-
#085b6b
#085b6b
rgb(8,91,107)
-
#096b7e
#096b7e
rgb(9,107,126)
-
#0a7a90
#0a7a90
rgb(10,122,144)
-
#0b8aa2
#0b8aa2
rgb(11,138,162)
-
#0d99b5
#0d99b5
rgb(13,153,181)
-
#0ea9c7
#0ea9c7
rgb(14,169,199)
-
#0fb9d9
#0fb9d9
rgb(15,185,217)
-
#10c8ec
#10c8ec
rgb(16,200,236)
-
#20ceef
#20ceef
rgb(32,206,239)
-
#33d2f1
#33d2f1
rgb(51,210,241)
-
#45d6f2
#45d6f2
rgb(69,214,242)
-
#57daf3
#57daf3
rgb(87,218,243)
-
#6adef5
#6adef5
rgb(106,222,245)
-
#7ce2f6
#7ce2f6
rgb(124,226,246)
-
#8ee6f7
#8ee6f7
rgb(142,230,247)
-
#a1eaf8
#a1eaf8
rgb(161,234,248)
-
#b3eefa
#b3eefa
rgb(179,238,250)
-
#c5f2fb
#c5f2fb
rgb(197,242,251)
-
#d8f6fc
#d8f6fc
rgb(216,246,252)
-
#eafafe
#eafafe
rgb(234,250,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #45d6f2
A tone is produced by adding gray to any pure hue. In this case, #999d9e is the less saturated color, while #3ddbfa is the most saturated one.
-
#999d9e
#999d9e
rgb(153,157,158)
-
#92a2a5
#92a2a5
rgb(146,162,165)
-
#8aa7ad
#8aa7ad
rgb(138,167,173)
-
#82adb5
#82adb5
rgb(130,173,181)
-
#7bb2bc
#7bb2bc
rgb(123,178,188)
-
#73b7c4
#73b7c4
rgb(115,183,196)
-
#6bbccc
#6bbccc
rgb(107,188,204)
-
#64c1d3
#64c1d3
rgb(100,193,211)
-
#5cc6db
#5cc6db
rgb(92,198,219)
-
#54cce3
#54cce3
rgb(84,204,227)
-
#4dd1ea
#4dd1ea
rgb(77,209,234)
-
#45d6f2
#45d6f2
rgb(69,214,242)
-
#3ddbfa
#3ddbfa
rgb(61,219,250)
Color Blindness Simulator
Below, you can see how #45d6f2 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.