#45b5cc Color Information
In a RGB color space, hex #45b5cc is composed of 27.1% red, 71% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 11.3% magenta, 0% yellow and 20% black. It has a hue angle of 190.2 degrees, a saturation of 57% and a lightness of 53.5%. #45b5cc color hex could be obtained by blending #8affff with #006b99. Closest websafe color is: #33cccc.
-
- R 27
- G 71
- B 80
-
- C 66
- M 11
- Y 0
- K 20
● #45b5cc color description : Moderate cyan.
#45b5cc Color Conversion
The hexadecimal color #45b5cc has RGB values of R:69, G:181, B:204 and CMYK values of C:0.66, M:0.11, Y:0, K:0.2. Its decimal value is 4568524.
Hex triplet | 45b5cc | #45b5cc |
---|---|---|
RGB Decimal | 69, 181, 204 | rgb(69,181,204) |
RGB Percent | 27.1, 71, 80 | rgb(27.1%,71%,80%) |
CMYK | 66, 11, 0, 20 | |
HSL | 190.2°, 57, 53.5 | hsl(190.2,57%,53.5%) |
HSV (or HSB) | 190.2°, 66.2, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.512, -24.318, -20.959 |
---|---|
XYZ | 29.874, 38.67, 63.013 |
xyY | 0.227, 0.294, 38.67 |
CIE-LCH | 68.512, 32.104, 220.756 |
CIE-LUV | 68.512, -42.997, -29.155 |
Hunter-Lab | 62.185, -23.072, -16.55 |
Binary | 01000101, 10110101, 11001100 |
Color Schemes with #45b5cc
Alternatives to #45b5cc
Below, you can see some colors close to #45b5cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b5cc Preview
This text has a font color of #45b5cc.
<span style="color:#45b5cc;">Text here</span>
This paragraph has a background color of #45b5cc.
<p style="background-color:#45b5cc;">Content here</p>
This element has a border color of #45b5cc.
<div style="border:1px solid #45b5cc;">Content here</div>
.text {color:#45b5cc;}
.background {background-color:#45b5cc;}
.border {border:1px solid #45b5cc;}
Shades and Tints of #45b5cc
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 #fefeff is the lightest one.
-
#040c0e
#040c0e
rgb(4,12,14)
-
#081a1e
#081a1e
rgb(8,26,30)
-
#0c272d
#0c272d
rgb(12,39,45)
-
#11353c
#11353c
rgb(17,53,60)
-
#15424c
#15424c
rgb(21,66,76)
-
#19505b
#19505b
rgb(25,80,91)
-
#1d5d6a
#1d5d6a
rgb(29,93,106)
-
#216b7a
#216b7a
rgb(33,107,122)
-
#267889
#267889
rgb(38,120,137)
-
#2a8699
#2a8699
rgb(42,134,153)
-
#2e93a8
#2e93a8
rgb(46,147,168)
-
#32a1b7
#32a1b7
rgb(50,161,183)
-
#37aec7
#37aec7
rgb(55,174,199)
-
#45b5cc
#45b5cc
rgb(69,181,204)
-
#54bbd0
#54bbd0
rgb(84,187,208)
-
#64c1d4
#64c1d4
rgb(100,193,212)
-
#73c7d9
#73c7d9
rgb(115,199,217)
-
#83cddd
#83cddd
rgb(131,205,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)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #45b5cc
A tone is produced by adding gray to any pure hue. In this case, #858b8c is the less saturated color, while #17d3fa 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)
-
#60a3b1
#60a3b1
rgb(96,163,177)
-
#57a9ba
#57a9ba
rgb(87,169,186)
-
#4eafc3
#4eafc3
rgb(78,175,195)
-
#45b5cc
#45b5cc
rgb(69,181,204)
-
#3cbbd5
#3cbbd5
rgb(60,187,213)
-
#33c1de
#33c1de
rgb(51,193,222)
-
#2ac7e7
#2ac7e7
rgb(42,199,231)
-
#21cdf0
#21cdf0
rgb(33,205,240)
-
#17d3fa
#17d3fa
rgb(23,211,250)
Color Blindness Simulator
Below, you can see how #45b5cc 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.