#45aaec hex color

In a RGB color space, hex #45aaec is composed of 27.1% red, 66.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 28% magenta, 0% yellow and 7.5% black. It has a hue angle of 203.7 degrees, a saturation of 81.5% and a lightness of 59.8%. #45aaec color hex could be obtained by blending #8affff with #0055d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 67
- B 93
RGB color chart
- C 71
- M 28
- Y 0
- K 7
CMYK color chart

● #45aaec color description : Bright blue.

The hexadecimal color #45aaec has RGB values of R:69, G:170, B:236 and CMYK values of C:0.71, M:0.28, Y:0, K:0.07. Its decimal value is 4565740.

Hex triplet	45aaec	`#45aaec`
RGB Decimal	69, 170, 236	`rgb(69,170,236)`
RGB Percent	27.1, 66.7, 92.5	`rgb(27.1%,66.7%,92.5%)`
CMYK	71, 28, 0, 7
HSL	203.7°, 81.5, 59.8	`hsl(203.7,81.5%,59.8%)`
HSV (or HSB)	203.7°, 70.8, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.572, -8.203, -41.521
XYZ	31.966, 36.068, 84.629
xyY	0.209, 0.236, 36.068
CIE-LCH	66.572, 42.324, 258.824
CIE-LUV	66.572, -37.393, -65.564
Hunter-Lab	60.057, -10.092, -41.509
Binary	01000101, 10101010, 11101100

#45aaec
```
#45aaec rgb(69,170,236)
```
#ec8745
```
#ec8745 rgb(236,135,69)
```

Complementary Color

#45ecdb
```
#45ecdb rgb(69,236,219)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#4557ec
```
#4557ec rgb(69,87,236)
```

Analogous Color

#ecdb45
```
#ecdb45 rgb(236,219,69)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#ec4557
```
#ec4557 rgb(236,69,87)
```

Split Complementary Color

#aaec45
```
#aaec45 rgb(170,236,69)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#ec45aa
```
#ec45aa rgb(236,69,170)
```

Triadic Color

#45ec87
```
#45ec87 rgb(69,236,135)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#ec45aa
```
#ec45aa rgb(236,69,170)
```
#ec8745
```
#ec8745 rgb(236,135,69)
```

Tetradic Color

#1586cf
```
#1586cf rgb(21,134,207)
```
#1895e6
```
#1895e6 rgb(24,149,230)
```
#2e9fea
```
#2e9fea rgb(46,159,234)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#5cb5ee
```
#5cb5ee rgb(92,181,238)
```
#73bff1
```
#73bff1 rgb(115,191,241)
```
#8acaf3
```
#8acaf3 rgb(138,202,243)
```

Monochromatic Color

Below, you can see some colors close to #45aaec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#45d4ec
```
#45d4ec rgb(69,212,236)
```
#45c6ec
```
#45c6ec rgb(69,198,236)
```
#45b8ec
```
#45b8ec rgb(69,184,236)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#459cec
```
#459cec rgb(69,156,236)
```
#458eec
```
#458eec rgb(69,142,236)
```
#4580ec
```
#4580ec rgb(69,128,236)
```

Similar Colors

Text with hexadecimal color #45aaec

This text has a font color of #45aaec.

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

#45aaec background color

This paragraph has a background color of #45aaec.

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

#45aaec border color

This element has a border color of #45aaec.

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

CSS codes

.text {color:#45aaec;}

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

.border {border:1px solid #45aaec;}

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, #01060a is the darkest color, while #f7fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03121c
```
#03121c rgb(3,18,28)
```
#051d2d
```
#051d2d rgb(5,29,45)
```
#06293f
```
#06293f rgb(6,41,63)
```
#083451
```
#083451 rgb(8,52,81)
```
#0a4063
```
#0a4063 rgb(10,64,99)
```
#0c4b75
```
#0c4b75 rgb(12,75,117)
```
#0e5786
```
#0e5786 rgb(14,87,134)
```
#106298
```
#106298 rgb(16,98,152)
```
#116eaa
```
#116eaa rgb(17,110,170)
```
#1379bc
```
#1379bc rgb(19,121,188)
```
#1585ce
```
#1585ce rgb(21,133,206)
```
#1790df
```
#1790df rgb(23,144,223)
```

Shade Color Variation

#219ae8
```
#219ae8 rgb(33,154,232)
```
#33a2ea
```
#33a2ea rgb(51,162,234)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#57b2ee
```
#57b2ee rgb(87,178,238)
```
#69baf0
```
#69baf0 rgb(105,186,240)
```
#7ac2f1
```
#7ac2f1 rgb(122,194,241)
```
#8ccbf3
```
#8ccbf3 rgb(140,203,243)
```
#9ed3f5
```
#9ed3f5 rgb(158,211,245)
```
#b0dbf7
```
#b0dbf7 rgb(176,219,247)
```
#c2e3f9
```
#c2e3f9 rgb(194,227,249)
```
#d3ebfb
```
#d3ebfb rgb(211,235,251)
```
#e5f3fc
```
#e5f3fc rgb(229,243,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94999d is the less saturated color, while #35adfc is the most saturated one.

#94999d
```
#94999d rgb(148,153,157)
```
#8c9ba5
```
#8c9ba5 rgb(140,155,165)
```
#849dad
```
#849dad rgb(132,157,173)
```
#7c9eb5
```
#7c9eb5 rgb(124,158,181)
```
#74a0bd
```
#74a0bd rgb(116,160,189)
```
#6ca2c5
```
#6ca2c5 rgb(108,162,197)
```
#65a3cc
```
#65a3cc rgb(101,163,204)
```
#5da5d4
```
#5da5d4 rgb(93,165,212)
```
#55a7dc
```
#55a7dc rgb(85,167,220)
```
#4da8e4
```
#4da8e4 rgb(77,168,228)
```
#45aaec
```
#45aaec rgb(69,170,236)
```
#3dacf4
```
#3dacf4 rgb(61,172,244)
```
#35adfc
```
#35adfc rgb(53,173,252)
```

Tone Color Variation

Below, you can see how #45aaec 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

#939393 Achromatopsia 0.005% of the population
#8398a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a4e5 Protanopia 1% of men
#82a6f0 Deuteranopia 1% of men
#1db6c4 Tritanopia 0.001% of the population

Trichromacy

#75a6e8 Protanomaly 1% of men, 0.01% of women
#6ca7ee Deuteranomaly 6% of men, 0.4% of women
#2bb2d2 Tritanomaly 0.01% of the population

#45aaec hex color

#45aaec Color Information

#45aaec Color Conversion

Color Schemes with #45aaec

Alternatives to #45aaec

#45aaec Preview

Shades and Tints of #45aaec

Tones of #45aaec

Color Blindness Simulator