#45a4cc Color Information
In a RGB color space, hex #45a4cc is composed of 27.1% red, 64.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 19.6% magenta, 0% yellow and 20% black. It has a hue angle of 197.8 degrees, a saturation of 57% and a lightness of 53.5%. #45a4cc color hex could be obtained by blending #8affff with #004999. Closest websafe color is: #3399cc.
-
- R 27
- G 64
- B 80
-
- C 66
- M 20
- Y 0
- K 20
● #45a4cc color description : Moderate blue.
#45a4cc Color Conversion
The hexadecimal color #45a4cc has RGB values of R:69, G:164, B:204 and CMYK values of C:0.66, M:0.2, Y:0, K:0.2. Its decimal value is 4564172.
Hex triplet | 45a4cc | #45a4cc |
---|---|---|
RGB Decimal | 69, 164, 204 | rgb(69,164,204) |
RGB Percent | 27.1, 64.3, 80 | rgb(27.1%,64.3%,80%) |
CMYK | 66, 20, 0, 20 | |
HSL | 197.8°, 57, 53.5 | hsl(197.8,57%,53.5%) |
HSV (or HSB) | 197.8°, 66.2, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.486, -15.454, -28.663 |
---|---|
XYZ | 26.626, 32.174, 61.93 |
xyY | 0.221, 0.266, 32.174 |
CIE-LCH | 63.486, 32.564, 241.669 |
CIE-LUV | 63.486, -36.811, -42.679 |
Hunter-Lab | 56.722, -15.473, -25.029 |
Binary | 01000101, 10100100, 11001100 |
Color Schemes with #45a4cc
Alternatives to #45a4cc
Below, you can see some colors close to #45a4cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a4cc Preview
This text has a font color of #45a4cc.
<span style="color:#45a4cc;">Text here</span>
This paragraph has a background color of #45a4cc.
<p style="background-color:#45a4cc;">Content here</p>
This element has a border color of #45a4cc.
<div style="border:1px solid #45a4cc;">Content here</div>
.text {color:#45a4cc;}
.background {background-color:#45a4cc;}
.border {border:1px solid #45a4cc;}
Shades and Tints of #45a4cc
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, #040b0e is the darkest color, while #fefeff is the lightest one.
-
#040b0e
#040b0e
rgb(4,11,14)
-
#08171e
#08171e
rgb(8,23,30)
-
#0c232d
#0c232d
rgb(12,35,45)
-
#112f3c
#112f3c
rgb(17,47,60)
-
#153b4c
#153b4c
rgb(21,59,76)
-
#19485b
#19485b
rgb(25,72,91)
-
#1d546a
#1d546a
rgb(29,84,106)
-
#21607a
#21607a
rgb(33,96,122)
-
#266c89
#266c89
rgb(38,108,137)
-
#2a7899
#2a7899
rgb(42,120,153)
-
#2e84a8
#2e84a8
rgb(46,132,168)
-
#3290b7
#3290b7
rgb(50,144,183)
-
#379cc7
#379cc7
rgb(55,156,199)
-
#45a4cc
#45a4cc
rgb(69,164,204)
-
#54acd0
#54acd0
rgb(84,172,208)
-
#64b3d4
#64b3d4
rgb(100,179,212)
-
#73bbd9
#73bbd9
rgb(115,187,217)
-
#83c2dd
#83c2dd
rgb(131,194,221)
-
#92cae1
#92cae1
rgb(146,202,225)
-
#a1d1e5
#a1d1e5
rgb(161,209,229)
-
#b1d9ea
#b1d9ea
rgb(177,217,234)
-
#c0e0ee
#c0e0ee
rgb(192,224,238)
-
#d0e8f2
#d0e8f2
rgb(208,232,242)
-
#dfeff6
#dfeff6
rgb(223,239,246)
-
#eef7fa
#eef7fa
rgb(238,247,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #45a4cc
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #17b7fa is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c8e95
#7c8e95
rgb(124,142,149)
-
#73919e
#73919e
rgb(115,145,158)
-
#6995a8
#6995a8
rgb(105,149,168)
-
#6099b1
#6099b1
rgb(96,153,177)
-
#579dba
#579dba
rgb(87,157,186)
-
#4ea0c3
#4ea0c3
rgb(78,160,195)
-
#45a4cc
#45a4cc
rgb(69,164,204)
-
#3ca8d5
#3ca8d5
rgb(60,168,213)
-
#33abde
#33abde
rgb(51,171,222)
-
#2aafe7
#2aafe7
rgb(42,175,231)
-
#21b3f0
#21b3f0
rgb(33,179,240)
-
#17b7fa
#17b7fa
rgb(23,183,250)
Color Blindness Simulator
Below, you can see how #45a4cc 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.