#45bae0 hex color

In a RGB color space, hex #45bae0 is composed of 27.1% red, 72.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 17% magenta, 0% yellow and 12.2% black. It has a hue angle of 194.7 degrees, a saturation of 71.4% and a lightness of 57.5%. #45bae0 color hex could be obtained by blending #8affff with #0075c1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 73
- B 88
RGB color chart
- C 69
- M 17
- Y 0
- K 12
CMYK color chart

● #45bae0 color description : Soft cyan.

The hexadecimal color #45bae0 has RGB values of R:69, G:186, B:224 and CMYK values of C:0.69, M:0.17, Y:0, K:0.12. Its decimal value is 4569824.

Hex triplet	45bae0	`#45bae0`
RGB Decimal	69, 186, 224	`rgb(69,186,224)`
RGB Percent	27.1, 72.9, 87.8	`rgb(27.1%,72.9%,87.8%)`
CMYK	69, 17, 0, 12
HSL	194.7°, 71.4, 57.5	`hsl(194.7,71.4%,57.5%)`
HSV (or HSB)	194.7°, 69.2, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.707, -20.674, -28.548
XYZ	33.464, 41.762, 76.814
xyY	0.22, 0.275, 41.762
CIE-LCH	70.707, 35.248, 234.09
CIE-LUV	70.707, -43.658, -42.451
Hunter-Lab	64.624, -20.658, -25.238
Binary	01000101, 10111010, 11100000

#45bae0
```
#45bae0 rgb(69,186,224)
```
#e06b45
```
#e06b45 rgb(224,107,69)
```

Complementary Color

#45e0b9
```
#45e0b9 rgb(69,224,185)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#456de0
```
#456de0 rgb(69,109,224)
```

Analogous Color

#e0b945
```
#e0b945 rgb(224,185,69)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#e0456d
```
#e0456d rgb(224,69,109)
```

Split Complementary Color

#bae045
```
#bae045 rgb(186,224,69)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#e045ba
```
#e045ba rgb(224,69,186)
```

Triadic Color

#45e06b
```
#45e06b rgb(69,224,107)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#e045ba
```
#e045ba rgb(224,69,186)
```
#e06b45
```
#e06b45 rgb(224,107,69)
```

Tetradic Color

#1f94ba
```
#1f94ba rgb(31,148,186)
```
#23a5cf
```
#23a5cf rgb(35,165,207)
```
#2fb2dc
```
#2fb2dc rgb(47,178,220)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#5bc2e4
```
#5bc2e4 rgb(91,194,228)
```
#71cae7
```
#71cae7 rgb(113,202,231)
```
#87d2eb
```
#87d2eb rgb(135,210,235)
```

Monochromatic Color

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

#45e0df
```
#45e0df rgb(69,224,223)
```
#45d4e0
```
#45d4e0 rgb(69,212,224)
```
#45c7e0
```
#45c7e0 rgb(69,199,224)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#45ade0
```
#45ade0 rgb(69,173,224)
```
#45a0e0
```
#45a0e0 rgb(69,160,224)
```
#4593e0
```
#4593e0 rgb(69,147,224)
```

Similar Colors

Text with hexadecimal color #45bae0

This text has a font color of #45bae0.

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

#45bae0 background color

This paragraph has a background color of #45bae0.

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

#45bae0 border color

This element has a border color of #45bae0.

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

CSS codes

.text {color:#45bae0;}

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

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

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, #030d10 is the darkest color, while #feffff is the lightest one.

#030d10
```
#030d10 rgb(3,13,16)
```
#051a21
```
#051a21 rgb(5,26,33)
```
#082731
```
#082731 rgb(8,39,49)
```
#0b3542
```
#0b3542 rgb(11,53,66)
```
#0e4253
```
#0e4253 rgb(14,66,83)
```
#114f64
```
#114f64 rgb(17,79,100)
```
#135d75
```
#135d75 rgb(19,93,117)
```
#166a85
```
#166a85 rgb(22,106,133)
```
#197896
```
#197896 rgb(25,120,150)
```
#1c85a7
```
#1c85a7 rgb(28,133,167)
```
#1f92b8
```
#1f92b8 rgb(31,146,184)
```
#21a0c9
```
#21a0c9 rgb(33,160,201)
```
#24adda
```
#24adda rgb(36,173,218)
```

Shade Color Variation

#34b4dd
```
#34b4dd rgb(52,180,221)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#56c0e3
```
#56c0e3 rgb(86,192,227)
```
#67c6e6
```
#67c6e6 rgb(103,198,230)
```
#77cde8
```
#77cde8 rgb(119,205,232)
```
#88d3eb
```
#88d3eb rgb(136,211,235)
```
#99d9ee
```
#99d9ee rgb(153,217,238)
```
#aadff1
```
#aadff1 rgb(170,223,241)
```
#bbe6f4
```
#bbe6f4 rgb(187,230,244)
```
#ccecf6
```
#ccecf6 rgb(204,236,246)
```
#dcf2f9
```
#dcf2f9 rgb(220,242,249)
```
#edf8fc
```
#edf8fc rgb(237,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909495 is the less saturated color, while #2cc7f9 is the most saturated one.

#909495
```
#909495 rgb(144,148,149)
```
#88989d
```
#88989d rgb(136,152,157)
```
#7f9ca6
```
#7f9ca6 rgb(127,156,166)
```
#77a0ae
```
#77a0ae rgb(119,160,174)
```
#6fa5b6
```
#6fa5b6 rgb(111,165,182)
```
#66a9bf
```
#66a9bf rgb(102,169,191)
```
#5eadc7
```
#5eadc7 rgb(94,173,199)
```
#56b1cf
```
#56b1cf rgb(86,177,207)
```
#4db6d8
```
#4db6d8 rgb(77,182,216)
```
#45bae0
```
#45bae0 rgb(69,186,224)
```
#3dbee8
```
#3dbee8 rgb(61,190,232)
```
#34c3f1
```
#34c3f1 rgb(52,195,241)
```
#2cc7f9
```
#2cc7f9 rgb(44,199,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6afd8 Protanopia 1% of men
#a1aee7 Deuteranopia 1% of men
#3fc0cf Tritanopia 0.001% of the population

Trichromacy

#83b3db Protanomaly 1% of men, 0.01% of women
#7fb2e4 Deuteranomaly 6% of men, 0.4% of women
#41bed5 Tritanomaly 0.01% of the population

#45bae0 hex color

#45bae0 Color Information

#45bae0 Color Conversion

Color Schemes with #45bae0

Alternatives to #45bae0

#45bae0 Preview

Shades and Tints of #45bae0

Tones of #45bae0

Color Blindness Simulator