#45a0eb hex color

In a RGB color space, hex #45a0eb is composed of 27.1% red, 62.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 31.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 207.1 degrees, a saturation of 80.6% and a lightness of 59.6%. #45a0eb color hex could be obtained by blending #8affff with #0041d7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 63
- B 92
RGB color chart
- C 71
- M 32
- Y 0
- K 8
CMYK color chart

● #45a0eb color description : Bright blue.

The hexadecimal color #45a0eb has RGB values of R:69, G:160, B:235 and CMYK values of C:0.71, M:0.32, Y:0, K:0.08. Its decimal value is 4563179.

Hex triplet	45a0eb	`#45a0eb`
RGB Decimal	69, 160, 235	`rgb(69,160,235)`
RGB Percent	27.1, 62.7, 92.2	`rgb(27.1%,62.7%,92.2%)`
CMYK	71, 32, 0, 8
HSL	207.1°, 80.6, 59.6	`hsl(207.1,80.6%,59.6%)`
HSV (or HSB)	207.1°, 70.6, 92.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.674, -2.927, -45.524
XYZ	30.017, 32.403, 83.265
xyY	0.206, 0.222, 32.403
CIE-LCH	63.674, 45.618, 266.321
CIE-LUV	63.674, -33.991, -72.473
Hunter-Lab	56.923, -5.489, -46.881
Binary	01000101, 10100000, 11101011

#45a0eb
```
#45a0eb rgb(69,160,235)
```
#eb9045
```
#eb9045 rgb(235,144,69)
```

Complementary Color

#45ebe3
```
#45ebe3 rgb(69,235,227)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#454deb
```
#454deb rgb(69,77,235)
```

Analogous Color

#ebe345
```
#ebe345 rgb(235,227,69)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#eb454d
```
#eb454d rgb(235,69,77)
```

Split Complementary Color

#a0eb45
```
#a0eb45 rgb(160,235,69)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#eb45a0
```
#eb45a0 rgb(235,69,160)
```

Triadic Color

#45eb90
```
#45eb90 rgb(69,235,144)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#eb45a0
```
#eb45a0 rgb(235,69,160)
```
#eb9045
```
#eb9045 rgb(235,144,69)
```

Tetradic Color

#167bcd
```
#167bcd rgb(22,123,205)
```
#1988e4
```
#1988e4 rgb(25,136,228)
```
#2e94e9
```
#2e94e9 rgb(46,148,233)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#5caced
```
#5caced rgb(92,172,237)
```
#73b8f0
```
#73b8f0 rgb(115,184,240)
```
#8ac3f2
```
#8ac3f2 rgb(138,195,242)
```

Monochromatic Color

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

#45caeb
```
#45caeb rgb(69,202,235)
```
#45bceb
```
#45bceb rgb(69,188,235)
```
#45aeeb
```
#45aeeb rgb(69,174,235)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#4592eb
```
#4592eb rgb(69,146,235)
```
#4584eb
```
#4584eb rgb(69,132,235)
```
#4577eb
```
#4577eb rgb(69,119,235)
```

Similar Colors

Text with hexadecimal color #45a0eb

This text has a font color of #45a0eb.

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

#45a0eb background color

This paragraph has a background color of #45a0eb.

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

#45a0eb border color

This element has a border color of #45a0eb.

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

CSS codes

.text {color:#45a0eb;}

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

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

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, #010509 is the darkest color, while #f6fafe is the lightest one.

#010509
```
#010509 rgb(1,5,9)
```
#03101b
```
#03101b rgb(3,16,27)
```
#051a2c
```
#051a2c rgb(5,26,44)
```
#07253e
```
#07253e rgb(7,37,62)
```
#093050
```
#093050 rgb(9,48,80)
```
#0a3a61
```
#0a3a61 rgb(10,58,97)
```
#0c4573
```
#0c4573 rgb(12,69,115)
```
#0e4f85
```
#0e4f85 rgb(14,79,133)
```
#105a97
```
#105a97 rgb(16,90,151)
```
#1264a8
```
#1264a8 rgb(18,100,168)
```
#146fba
```
#146fba rgb(20,111,186)
```
#167acc
```
#167acc rgb(22,122,204)
```
#1884dd
```
#1884dd rgb(24,132,221)
```

Shade Color Variation

#228ee7
```
#228ee7 rgb(34,142,231)
```
#3397e9
```
#3397e9 rgb(51,151,233)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#57a9ed
```
#57a9ed rgb(87,169,237)
```
#68b2ef
```
#68b2ef rgb(104,178,239)
```
#7abbf1
```
#7abbf1 rgb(122,187,241)
```
#8cc4f3
```
#8cc4f3 rgb(140,196,243)
```
#9ecdf5
```
#9ecdf5 rgb(158,205,245)
```
#afd6f6
```
#afd6f6 rgb(175,214,246)
```
#c1dff8
```
#c1dff8 rgb(193,223,248)
```
#d3e8fa
```
#d3e8fa rgb(211,232,250)
```
#e4f1fc
```
#e4f1fc rgb(228,241,252)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#94989c
```
#94989c rgb(148,152,156)
```
#8c99a4
```
#8c99a4 rgb(140,153,164)
```
#849aac
```
#849aac rgb(132,154,172)
```
#7c9bb4
```
#7c9bb4 rgb(124,155,180)
```
#759bbb
```
#759bbb rgb(117,155,187)
```
#6d9cc3
```
#6d9cc3 rgb(109,156,195)
```
#659dcb
```
#659dcb rgb(101,157,203)
```
#5d9ed3
```
#5d9ed3 rgb(93,158,211)
```
#559edb
```
#559edb rgb(85,158,219)
```
#4d9fe3
```
#4d9fe3 rgb(77,159,227)
```
#45a0eb
```
#45a0eb rgb(69,160,235)
```
#3da1f3
```
#3da1f3 rgb(61,161,243)
```
#35a2fb
```
#35a2fb rgb(53,162,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7f91a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#849de6 Protanopia 1% of men
#729fee Deuteranopia 1% of men
#00aebb Tritanopia 0.001% of the population

Trichromacy

#6d9ee7 Protanomaly 1% of men, 0.01% of women
#619fed Deuteranomaly 6% of men, 0.4% of women
#19a9cc Tritanomaly 0.01% of the population

#45a0eb hex color

#45a0eb Color Information

#45a0eb Color Conversion

Color Schemes with #45a0eb

Alternatives to #45a0eb

#45a0eb Preview

Shades and Tints of #45a0eb

Tones of #45a0eb

Color Blindness Simulator