#45b7cc Color Information
In a RGB color space, hex #45b7cc is composed of 27.1% red, 71.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 10.3% magenta, 0% yellow and 20% black. It has a hue angle of 189.3 degrees, a saturation of 57% and a lightness of 53.5%. #45b7cc color hex could be obtained by blending #8affff with #006f99. Closest websafe color is: #33cccc.
-
- R 27
- G 72
- B 80
-
- C 66
- M 10
- Y 0
- K 20
● #45b7cc color description : Moderate cyan.
#45b7cc Color Conversion
The hexadecimal color #45b7cc has RGB values of R:69, G:183, B:204 and CMYK values of C:0.66, M:0.1, Y:0, K:0.2. Its decimal value is 4569036.
Hex triplet | 45b7cc | #45b7cc |
---|---|---|
RGB Decimal | 69, 183, 204 | rgb(69,183,204) |
RGB Percent | 27.1, 71.8, 80 | rgb(27.1%,71.8%,80%) |
CMYK | 66, 10, 0, 20 | |
HSL | 189.3°, 57, 53.5 | hsl(189.3,57%,53.5%) |
HSV (or HSB) | 189.3°, 66.2, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.104, -25.326, -20.057 |
---|---|
XYZ | 30.284, 39.489, 63.15 |
xyY | 0.228, 0.297, 39.489 |
CIE-LCH | 69.104, 32.306, 218.378 |
CIE-LUV | 69.104, -43.725, -27.567 |
Hunter-Lab | 62.841, -23.949, -15.593 |
Binary | 01000101, 10110111, 11001100 |
Color Schemes with #45b7cc
Alternatives to #45b7cc
Below, you can see some colors close to #45b7cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b7cc Preview
This text has a font color of #45b7cc.
<span style="color:#45b7cc;">Text here</span>
This paragraph has a background color of #45b7cc.
<p style="background-color:#45b7cc;">Content here</p>
This element has a border color of #45b7cc.
<div style="border:1px solid #45b7cc;">Content here</div>
.text {color:#45b7cc;}
.background {background-color:#45b7cc;}
.border {border:1px solid #45b7cc;}
Shades and Tints of #45b7cc
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, #040d0e is the darkest color, while #feffff is the lightest one.
-
#040d0e
#040d0e
rgb(4,13,14)
-
#081a1e
#081a1e
rgb(8,26,30)
-
#0c282d
#0c282d
rgb(12,40,45)
-
#11363c
#11363c
rgb(17,54,60)
-
#15434c
#15434c
rgb(21,67,76)
-
#19515b
#19515b
rgb(25,81,91)
-
#1d5e6a
#1d5e6a
rgb(29,94,106)
-
#216c7a
#216c7a
rgb(33,108,122)
-
#267a89
#267a89
rgb(38,122,137)
-
#2a8799
#2a8799
rgb(42,135,153)
-
#2e95a8
#2e95a8
rgb(46,149,168)
-
#32a3b7
#32a3b7
rgb(50,163,183)
-
#37b0c7
#37b0c7
rgb(55,176,199)
-
#45b7cc
#45b7cc
rgb(69,183,204)
-
#54bdd0
#54bdd0
rgb(84,189,208)
-
#64c3d4
#64c3d4
rgb(100,195,212)
-
#73c9d9
#73c9d9
rgb(115,201,217)
-
#83cfdd
#83cfdd
rgb(131,207,221)
-
#92d5e1
#92d5e1
rgb(146,213,225)
-
#a1dbe5
#a1dbe5
rgb(161,219,229)
-
#b1e1ea
#b1e1ea
rgb(177,225,234)
-
#c0e7ee
#c0e7ee
rgb(192,231,238)
-
#d0edf2
#d0edf2
rgb(208,237,242)
-
#dff3f6
#dff3f6
rgb(223,243,246)
-
#eef9fa
#eef9fa
rgb(238,249,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45b7cc
A tone is produced by adding gray to any pure hue. In this case, #858b8c is the less saturated color, while #17d6fa is the most saturated one.
-
#858b8c
#858b8c
rgb(133,139,140)
-
#7c9195
#7c9195
rgb(124,145,149)
-
#73989e
#73989e
rgb(115,152,158)
-
#699ea8
#699ea8
rgb(105,158,168)
-
#60a4b1
#60a4b1
rgb(96,164,177)
-
#57aaba
#57aaba
rgb(87,170,186)
-
#4eb1c3
#4eb1c3
rgb(78,177,195)
-
#45b7cc
#45b7cc
rgb(69,183,204)
-
#3cbdd5
#3cbdd5
rgb(60,189,213)
-
#33c4de
#33c4de
rgb(51,196,222)
-
#2acae7
#2acae7
rgb(42,202,231)
-
#21d0f0
#21d0f0
rgb(33,208,240)
-
#17d6fa
#17d6fa
rgb(23,214,250)
Color Blindness Simulator
Below, you can see how #45b7cc 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.