#45a4cc hex color

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.

♥
- f
- t
- g
- R 27
- G 64
- B 80
RGB color chart
- C 66
- M 20
- Y 0
- K 20
CMYK color chart

● #45a4cc color description : Moderate blue.

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

#45a4cc
```
#45a4cc rgb(69,164,204)
```
#cc6d45
```
#cc6d45 rgb(204,109,69)
```

Complementary Color

#45ccb1
```
#45ccb1 rgb(69,204,177)
```
#45a4cc
```
#45a4cc rgb(69,164,204)
```
#4560cc
```
#4560cc rgb(69,96,204)
```

Analogous Color

#ccb145
```
#ccb145 rgb(204,177,69)
```
#45a4cc
```
#45a4cc rgb(69,164,204)
```
#cc4561
```
#cc4561 rgb(204,69,97)
```

Split Complementary Color

#a4cc45
```
#a4cc45 rgb(164,204,69)
```
#45a4cc
```
#45a4cc rgb(69,164,204)
```
#cc45a4
```
#cc45a4 rgb(204,69,164)
```

Triadic Color

#45cc6d
```
#45cc6d rgb(69,204,109)
```
#45a4cc
```
#45a4cc rgb(69,164,204)
```
#cc45a4
```
#cc45a4 rgb(204,69,164)
```
#cc6d45
```
#cc6d45 rgb(204,109,69)
```

Tetradic Color

#2a799a
```
#2a799a rgb(42,121,154)
```
#3089ae
```
#3089ae rgb(48,137,174)
```
#3598c2
```
#3598c2 rgb(53,152,194)
```
#45a4cc
```
#45a4cc rgb(69,164,204)
```
#59aed1
```
#59aed1 rgb(89,174,209)
```
#6db8d7
```
#6db8d7 rgb(109,184,215)
```
#81c1dc
```
#81c1dc rgb(129,193,220)
```

Monochromatic Color

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.

#45c6cc
```
#45c6cc rgb(69,198,204)
```
#45bbcc
```
#45bbcc rgb(69,187,204)
```
#45afcc
```
#45afcc rgb(69,175,204)
```
#45a4cc
```
#45a4cc rgb(69,164,204)
```
#4599cc
```
#4599cc rgb(69,153,204)
```
#458ecc
```
#458ecc rgb(69,142,204)
```
#4582cc
```
#4582cc rgb(69,130,204)
```

Similar Colors

Text with hexadecimal color #45a4cc

This text has a font color of #45a4cc.

<span style="color:#45a4cc;">Text here</span>

#45a4cc background color

This paragraph has a background color of #45a4cc.

<p style="background-color:#45a4cc;">Content here</p>

#45a4cc border color

This element has a border color of #45a4cc.

<div style="border:1px solid #45a4cc;">Content here</div>

CSS codes

.text {color:#45a4cc;}

.background {background-color:#45a4cc;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#8c8c8c Achromatopsia 0.005% of the population
#7e9199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939dc7 Protanopia 1% of men
#8d9dd3 Deuteranopia 1% of men
#3facb9 Tritanopia 0.001% of the population

Trichromacy

#779fc8 Protanomaly 1% of men, 0.01% of women
#739fd0 Deuteranomaly 6% of men, 0.4% of women
#41a9c0 Tritanomaly 0.01% of the population

#45a4cc hex color

#45a4cc Color Information

#45a4cc Color Conversion

Color Schemes with #45a4cc

Alternatives to #45a4cc

#45a4cc Preview

Shades and Tints of #45a4cc

Tones of #45a4cc

Color Blindness Simulator