#45b9ee hex color

In a RGB color space, hex #45b9ee is composed of 27.1% red, 72.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 22.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 198.8 degrees, a saturation of 83.3% and a lightness of 60.2%. #45b9ee color hex could be obtained by blending #8affff with #0073dd. Closest websafe color is: #33ccff.

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

● #45b9ee color description : Bright blue.

The hexadecimal color #45b9ee has RGB values of R:69, G:185, B:238 and CMYK values of C:0.71, M:0.22, Y:0, K:0.07. Its decimal value is 4569582.

Hex triplet	45b9ee	`#45b9ee`
RGB Decimal	69, 185, 238	`rgb(69,185,238)`
RGB Percent	27.1, 72.5, 93.3	`rgb(27.1%,72.5%,93.3%)`
CMYK	71, 22, 0, 7
HSL	198.8°, 83.3, 60.2	`hsl(198.8,83.3%,60.2%)`
HSV (or HSB)	198.8°, 71, 93.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.963, -15.667, -35.766
XYZ	35.232, 42.133, 87.16
xyY	0.214, 0.256, 42.133
CIE-LCH	70.963, 39.047, 246.344
CIE-LUV	70.963, -42.523, -55.378
Hunter-Lab	64.91, -16.707, -34.176
Binary	01000101, 10111001, 11101110

#45b9ee
```
#45b9ee rgb(69,185,238)
```
#ee7a45
```
#ee7a45 rgb(238,122,69)
```

Complementary Color

#45eecf
```
#45eecf rgb(69,238,207)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#4565ee
```
#4565ee rgb(69,101,238)
```

Analogous Color

#eecf45
```
#eecf45 rgb(238,207,69)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#ee4565
```
#ee4565 rgb(238,69,101)
```

Split Complementary Color

#b9ee45
```
#b9ee45 rgb(185,238,69)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#ee45b9
```
#ee45b9 rgb(238,69,185)
```

Triadic Color

#45ee7a
```
#45ee7a rgb(69,238,122)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#ee45b9
```
#ee45b9 rgb(238,69,185)
```
#ee7a45
```
#ee7a45 rgb(238,122,69)
```

Tetradic Color

#1397d3
```
#1397d3 rgb(19,151,211)
```
#16a7ea
```
#16a7ea rgb(22,167,234)
```
#2eb0ec
```
#2eb0ec rgb(46,176,236)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#5cc2f0
```
#5cc2f0 rgb(92,194,240)
```
#74cbf2
```
#74cbf2 rgb(116,203,242)
```
#8bd3f4
```
#8bd3f4 rgb(139,211,244)
```

Monochromatic Color

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

#45e3ee
```
#45e3ee rgb(69,227,238)
```
#45d5ee
```
#45d5ee rgb(69,213,238)
```
#45c7ee
```
#45c7ee rgb(69,199,238)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#45abee
```
#45abee rgb(69,171,238)
```
#459dee
```
#459dee rgb(69,157,238)
```
#458fee
```
#458fee rgb(69,143,238)
```

Similar Colors

Text with hexadecimal color #45b9ee

This text has a font color of #45b9ee.

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

#45b9ee background color

This paragraph has a background color of #45b9ee.

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

#45b9ee border color

This element has a border color of #45b9ee.

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

CSS codes

.text {color:#45b9ee;}

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

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

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, #01080c is the darkest color, while #f9fdfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03151e
```
#03151e rgb(3,21,30)
```
#042230
```
#042230 rgb(4,34,48)
```
#062f42
```
#062f42 rgb(6,47,66)
```
#083c54
```
#083c54 rgb(8,60,84)
```
#094966
```
#094966 rgb(9,73,102)
```
#0b5578
```
#0b5578 rgb(11,85,120)
```
#0d628a
```
#0d628a rgb(13,98,138)
```
#0e6f9b
```
#0e6f9b rgb(14,111,155)
```
#107cad
```
#107cad rgb(16,124,173)
```
#1189bf
```
#1189bf rgb(17,137,191)
```
#1396d1
```
#1396d1 rgb(19,150,209)
```
#15a3e3
```
#15a3e3 rgb(21,163,227)
```

Shade Color Variation

#21abeb
```
#21abeb rgb(33,171,235)
```
#33b2ec
```
#33b2ec rgb(51,178,236)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#57c0f0
```
#57c0f0 rgb(87,192,240)
```
#69c7f1
```
#69c7f1 rgb(105,199,241)
```
#7bcdf3
```
#7bcdf3 rgb(123,205,243)
```
#8dd4f5
```
#8dd4f5 rgb(141,212,245)
```
#9fdbf6
```
#9fdbf6 rgb(159,219,246)
```
#b1e2f8
```
#b1e2f8 rgb(177,226,248)
```
#c3e8f9
```
#c3e8f9 rgb(195,232,249)
```
#d5effb
```
#d5effb rgb(213,239,251)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#939ca0
```
#939ca0 rgb(147,156,160)
```
#8b9fa8
```
#8b9fa8 rgb(139,159,168)
```
#83a2b0
```
#83a2b0 rgb(131,162,176)
```
#7ca5b7
```
#7ca5b7 rgb(124,165,183)
```
#74a8bf
```
#74a8bf rgb(116,168,191)
```
#6caac7
```
#6caac7 rgb(108,170,199)
```
#64adcf
```
#64adcf rgb(100,173,207)
```
#5cb0d7
```
#5cb0d7 rgb(92,176,215)
```
#55b3de
```
#55b3de rgb(85,179,222)
```
#4db6e6
```
#4db6e6 rgb(77,182,230)
```
#45b9ee
```
#45b9ee rgb(69,185,238)
```
#3dbcf6
```
#3dbcf6 rgb(61,188,246)
```
#35bffe
```
#35bffe rgb(53,191,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1afe6 Protanopia 1% of men
#98b0f3 Deuteranopia 1% of men
#2fc2d0 Tritanopia 0.001% of the population

Trichromacy

#80b3e9 Protanomaly 1% of men, 0.01% of women
#79b3f1 Deuteranomaly 6% of men, 0.4% of women
#37bedb Tritanomaly 0.01% of the population

#45b9ee hex color

#45b9ee Color Information

#45b9ee Color Conversion

Color Schemes with #45b9ee

Alternatives to #45b9ee

#45b9ee Preview

Shades and Tints of #45b9ee

Tones of #45b9ee

Color Blindness Simulator