#45c4dc Color Information
In a RGB color space, hex #45c4dc is composed of 27.1% red, 76.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 10.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 189.5 degrees, a saturation of 68.3% and a lightness of 56.7%. #45c4dc color hex could be obtained by blending #8affff with #0089b9. Closest websafe color is: #33cccc.
-
- R 27
- G 77
- B 86
-
- C 69
- M 11
- Y 0
- K 14
● #45c4dc color description : Soft cyan.
#45c4dc Color Conversion
The hexadecimal color #45c4dc has RGB values of R:69, G:196, B:220 and CMYK values of C:0.69, M:0.11, Y:0, K:0.14. Its decimal value is 4572380.
Hex triplet | 45c4dc | #45c4dc |
---|---|---|
RGB Decimal | 69, 196, 220 | rgb(69,196,220) |
RGB Percent | 27.1, 76.9, 86.3 | rgb(27.1%,76.9%,86.3%) |
CMYK | 69, 11, 0, 14 | |
HSL | 189.5°, 68.3, 56.7 | hsl(189.5,68.3%,56.7%) |
HSV (or HSB) | 189.5°, 68.6, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 73.487, -26.965, -22.12 |
---|---|
XYZ | 35.109, 45.909, 74.717 |
xyY | 0.225, 0.295, 45.909 |
CIE-LCH | 73.487, 34.877, 219.363 |
CIE-LUV | 73.487, -47.466, -30.993 |
Hunter-Lab | 67.756, -26.082, -17.952 |
Binary | 01000101, 11000100, 11011100 |
Color Schemes with #45c4dc
Alternatives to #45c4dc
Below, you can see some colors close to #45c4dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45c4dc Preview
This text has a font color of #45c4dc.
<span style="color:#45c4dc;">Text here</span>
This paragraph has a background color of #45c4dc.
<p style="background-color:#45c4dc;">Content here</p>
This element has a border color of #45c4dc.
<div style="border:1px solid #45c4dc;">Content here</div>
.text {color:#45c4dc;}
.background {background-color:#45c4dc;}
.border {border:1px solid #45c4dc;}
Shades and Tints of #45c4dc
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, #020b0c is the darkest color, while #fbfefe is the lightest one.
-
#020b0c
#020b0c
rgb(2,11,12)
-
#05191d
#05191d
rgb(5,25,29)
-
#08272d
#08272d
rgb(8,39,45)
-
#0c363e
#0c363e
rgb(12,54,62)
-
#0f444e
#0f444e
rgb(15,68,78)
-
#12525f
#12525f
rgb(18,82,95)
-
#15616f
#15616f
rgb(21,97,111)
-
#186f80
#186f80
rgb(24,111,128)
-
#1b7e90
#1b7e90
rgb(27,126,144)
-
#1e8ca1
#1e8ca1
rgb(30,140,161)
-
#219ab1
#219ab1
rgb(33,154,177)
-
#24a9c2
#24a9c2
rgb(36,169,194)
-
#28b7d2
#28b7d2
rgb(40,183,210)
-
#34bfd9
#34bfd9
rgb(52,191,217)
-
#45c4dc
#45c4dc
rgb(69,196,220)
-
#56c9df
#56c9df
rgb(86,201,223)
-
#66cee2
#66cee2
rgb(102,206,226)
-
#77d4e5
#77d4e5
rgb(119,212,229)
-
#87d9e8
#87d9e8
rgb(135,217,232)
-
#98deec
#98deec
rgb(152,222,236)
-
#a8e3ef
#a8e3ef
rgb(168,227,239)
-
#b9e9f2
#b9e9f2
rgb(185,233,242)
-
#c9eef5
#c9eef5
rgb(201,238,245)
-
#daf3f8
#daf3f8
rgb(218,243,248)
-
#eaf8fb
#eaf8fb
rgb(234,248,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #45c4dc
A tone is produced by adding gray to any pure hue. In this case, #899698 is the less saturated color, while #23dbfe is the most saturated one.
-
#899698
#899698
rgb(137,150,152)
-
#819ba1
#819ba1
rgb(129,155,161)
-
#78a1a9
#78a1a9
rgb(120,161,169)
-
#70a7b2
#70a7b2
rgb(112,167,178)
-
#67adba
#67adba
rgb(103,173,186)
-
#5eb3c3
#5eb3c3
rgb(94,179,195)
-
#56b8cb
#56b8cb
rgb(86,184,203)
-
#4ebed4
#4ebed4
rgb(78,190,212)
-
#45c4dc
#45c4dc
rgb(69,196,220)
-
#3dcae5
#3dcae5
rgb(61,202,229)
-
#34d0ed
#34d0ed
rgb(52,208,237)
-
#2cd5f6
#2cd5f6
rgb(44,213,246)
-
#23dbfe
#23dbfe
rgb(35,219,254)
Color Blindness Simulator
Below, you can see how #45c4dc 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.