#45b6cc Color Information
In a RGB color space, hex #45b6cc is composed of 27.1% red, 71.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 10.8% magenta, 0% yellow and 20% black. It has a hue angle of 189.8 degrees, a saturation of 57% and a lightness of 53.5%. #45b6cc color hex could be obtained by blending #8affff with #006d99. Closest websafe color is: #33cccc.
-
- R 27
- G 71
- B 80
-
- C 66
- M 11
- Y 0
- K 20
● #45b6cc color description : Moderate cyan.
#45b6cc Color Conversion
The hexadecimal color #45b6cc has RGB values of R:69, G:182, B:204 and CMYK values of C:0.66, M:0.11, Y:0, K:0.2. Its decimal value is 4568780.
Hex triplet | 45b6cc | #45b6cc |
---|---|---|
RGB Decimal | 69, 182, 204 | rgb(69,182,204) |
RGB Percent | 27.1, 71.4, 80 | rgb(27.1%,71.4%,80%) |
CMYK | 66, 11, 0, 20 | |
HSL | 189.8°, 57, 53.5 | hsl(189.8,57%,53.5%) |
HSV (or HSB) | 189.8°, 66.2, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.808, -24.823, -20.508 |
---|---|
XYZ | 30.078, 39.078, 63.081 |
xyY | 0.227, 0.296, 39.078 |
CIE-LCH | 68.808, 32.199, 219.562 |
CIE-LUV | 68.808, -43.361, -28.36 |
Hunter-Lab | 62.513, -23.511, -16.07 |
Binary | 01000101, 10110110, 11001100 |
Color Schemes with #45b6cc
Alternatives to #45b6cc
Below, you can see some colors close to #45b6cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b6cc Preview
This text has a font color of #45b6cc.
<span style="color:#45b6cc;">Text here</span>
This paragraph has a background color of #45b6cc.
<p style="background-color:#45b6cc;">Content here</p>
This element has a border color of #45b6cc.
<div style="border:1px solid #45b6cc;">Content here</div>
.text {color:#45b6cc;}
.background {background-color:#45b6cc;}
.border {border:1px solid #45b6cc;}
Shades and Tints of #45b6cc
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, #040c0e is the darkest color, while #feffff is the lightest one.
-
#040c0e
#040c0e
rgb(4,12,14)
-
#081a1e
#081a1e
rgb(8,26,30)
-
#0c282d
#0c282d
rgb(12,40,45)
-
#11353c
#11353c
rgb(17,53,60)
-
#15434c
#15434c
rgb(21,67,76)
-
#19505b
#19505b
rgb(25,80,91)
-
#1d5e6a
#1d5e6a
rgb(29,94,106)
-
#216b7a
#216b7a
rgb(33,107,122)
-
#267989
#267989
rgb(38,121,137)
-
#2a8799
#2a8799
rgb(42,135,153)
-
#2e94a8
#2e94a8
rgb(46,148,168)
-
#32a2b7
#32a2b7
rgb(50,162,183)
-
#37afc7
#37afc7
rgb(55,175,199)
-
#45b6cc
#45b6cc
rgb(69,182,204)
-
#54bcd0
#54bcd0
rgb(84,188,208)
-
#64c2d4
#64c2d4
rgb(100,194,212)
-
#73c8d9
#73c8d9
rgb(115,200,217)
-
#83cedd
#83cedd
rgb(131,206,221)
-
#92d4e1
#92d4e1
rgb(146,212,225)
-
#a1dae5
#a1dae5
rgb(161,218,229)
-
#b1e0ea
#b1e0ea
rgb(177,224,234)
-
#c0e6ee
#c0e6ee
rgb(192,230,238)
-
#d0ecf2
#d0ecf2
rgb(208,236,242)
-
#dff2f6
#dff2f6
rgb(223,242,246)
-
#eef8fa
#eef8fa
rgb(238,248,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45b6cc
A tone is produced by adding gray to any pure hue. In this case, #858b8c is the less saturated color, while #17d5fa is the most saturated one.
-
#858b8c
#858b8c
rgb(133,139,140)
-
#7c9195
#7c9195
rgb(124,145,149)
-
#73979e
#73979e
rgb(115,151,158)
-
#699da8
#699da8
rgb(105,157,168)
-
#60a4b1
#60a4b1
rgb(96,164,177)
-
#57aaba
#57aaba
rgb(87,170,186)
-
#4eb0c3
#4eb0c3
rgb(78,176,195)
-
#45b6cc
#45b6cc
rgb(69,182,204)
-
#3cbcd5
#3cbcd5
rgb(60,188,213)
-
#33c2de
#33c2de
rgb(51,194,222)
-
#2ac8e7
#2ac8e7
rgb(42,200,231)
-
#21cff0
#21cff0
rgb(33,207,240)
-
#17d5fa
#17d5fa
rgb(23,213,250)
Color Blindness Simulator
Below, you can see how #45b6cc 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.