#45a2ec hex color

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

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

● #45a2ec color description : Bright blue.

The hexadecimal color #45a2ec has RGB values of R:69, G:162, B:236 and CMYK values of C:0.71, M:0.31, Y:0, K:0.07. Its decimal value is 4563692.

Hex triplet	45a2ec	`#45a2ec`
RGB Decimal	69, 162, 236	`rgb(69,162,236)`
RGB Percent	27.1, 63.5, 92.5	`rgb(27.1%,63.5%,92.5%)`
CMYK	71, 31, 0, 7
HSL	206.6°, 81.5, 59.8	`hsl(206.6,81.5%,59.8%)`
HSV (or HSB)	206.6°, 70.8, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.29, -3.722, -45.104
XYZ	30.511, 33.16, 84.145
xyY	0.206, 0.224, 33.16
CIE-LCH	64.29, 45.257, 265.283
CIE-LUV	64.29, -34.634, -71.786
Hunter-Lab	57.584, -6.194, -46.328
Binary	01000101, 10100010, 11101100

#45a2ec
```
#45a2ec rgb(69,162,236)
```
#ec8f45
```
#ec8f45 rgb(236,143,69)
```

Complementary Color

#45ece3
```
#45ece3 rgb(69,236,227)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#454fec
```
#454fec rgb(69,79,236)
```

Analogous Color

#ece345
```
#ece345 rgb(236,227,69)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#ec454f
```
#ec454f rgb(236,69,79)
```

Split Complementary Color

#a2ec45
```
#a2ec45 rgb(162,236,69)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#ec45a2
```
#ec45a2 rgb(236,69,162)
```

Triadic Color

#45ec8f
```
#45ec8f rgb(69,236,143)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#ec45a2
```
#ec45a2 rgb(236,69,162)
```
#ec8f45
```
#ec8f45 rgb(236,143,69)
```

Tetradic Color

#157dcf
```
#157dcf rgb(21,125,207)
```
#188be6
```
#188be6 rgb(24,139,230)
```
#2e96ea
```
#2e96ea rgb(46,150,234)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#5caeee
```
#5caeee rgb(92,174,238)
```
#73b9f1
```
#73b9f1 rgb(115,185,241)
```
#8ac5f3
```
#8ac5f3 rgb(138,197,243)
```

Monochromatic Color

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

#45ccec
```
#45ccec rgb(69,204,236)
```
#45beec
```
#45beec rgb(69,190,236)
```
#45b0ec
```
#45b0ec rgb(69,176,236)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#4594ec
```
#4594ec rgb(69,148,236)
```
#4586ec
```
#4586ec rgb(69,134,236)
```
#4578ec
```
#4578ec rgb(69,120,236)
```

Similar Colors

Text with hexadecimal color #45a2ec

This text has a font color of #45a2ec.

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

#45a2ec background color

This paragraph has a background color of #45a2ec.

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

#45a2ec border color

This element has a border color of #45a2ec.

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

CSS codes

.text {color:#45a2ec;}

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

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

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)
```
#03111c
```
#03111c rgb(3,17,28)
```
#051b2d
```
#051b2d rgb(5,27,45)
```
#06263f
```
#06263f rgb(6,38,63)
```
#083151
```
#083151 rgb(8,49,81)
```
#0a3b63
```
#0a3b63 rgb(10,59,99)
```
#0c4675
```
#0c4675 rgb(12,70,117)
```
#0e5186
```
#0e5186 rgb(14,81,134)
```
#105c98
```
#105c98 rgb(16,92,152)
```
#1166aa
```
#1166aa rgb(17,102,170)
```
#1371bc
```
#1371bc rgb(19,113,188)
```
#157cce
```
#157cce rgb(21,124,206)
```
#1786df
```
#1786df rgb(23,134,223)
```

Shade Color Variation

#2190e8
```
#2190e8 rgb(33,144,232)
```
#3399ea
```
#3399ea rgb(51,153,234)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#57abee
```
#57abee rgb(87,171,238)
```
#69b4f0
```
#69b4f0 rgb(105,180,240)
```
#7abdf1
```
#7abdf1 rgb(122,189,241)
```
#8cc6f3
```
#8cc6f3 rgb(140,198,243)
```
#9ecef5
```
#9ecef5 rgb(158,206,245)
```
#b0d7f7
```
#b0d7f7 rgb(176,215,247)
```
#c2e0f9
```
#c2e0f9 rgb(194,224,249)
```
#d3e9fb
```
#d3e9fb rgb(211,233,251)
```
#e5f2fc
```
#e5f2fc rgb(229,242,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 #35a4fc is the most saturated one.

#94999d
```
#94999d rgb(148,153,157)
```
#8c9aa5
```
#8c9aa5 rgb(140,154,165)
```
#849bad
```
#849bad rgb(132,155,173)
```
#7c9cb5
```
#7c9cb5 rgb(124,156,181)
```
#749dbd
```
#749dbd rgb(116,157,189)
```
#6c9ec5
```
#6c9ec5 rgb(108,158,197)
```
#659ecc
```
#659ecc rgb(101,158,204)
```
#5d9fd4
```
#5d9fd4 rgb(93,159,212)
```
#55a0dc
```
#55a0dc rgb(85,160,220)
```
#4da1e4
```
#4da1e4 rgb(77,161,228)
```
#45a2ec
```
#45a2ec rgb(69,162,236)
```
#3da3f4
```
#3da3f4 rgb(61,163,244)
```
#35a4fc
```
#35a4fc rgb(53,164,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8093a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869ee6 Protanopia 1% of men
#75a0ef Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#6e9fe8 Protanomaly 1% of men, 0.01% of women
#63a1ee Deuteranomaly 6% of men, 0.4% of women
#19abce Tritanomaly 0.01% of the population

#45a2ec hex color

#45a2ec Color Information

#45a2ec Color Conversion

Color Schemes with #45a2ec

Alternatives to #45a2ec

#45a2ec Preview

Shades and Tints of #45a2ec

Tones of #45a2ec

Color Blindness Simulator