#45e5fa hex color

In a RGB color space, hex #45e5fa is composed of 27.1% red, 89.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 8.4% magenta, 0% yellow and 2% black. It has a hue angle of 187 degrees, a saturation of 94.8% and a lightness of 62.5%. #45e5fa color hex could be obtained by blending #8affff with #00cbf5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 90
- B 98
RGB color chart
- C 72
- M 8
- Y 0
- K 2
CMYK color chart

● #45e5fa color description : Bright cyan.

The hexadecimal color #45e5fa has RGB values of R:69, G:229, B:250 and CMYK values of C:0.72, M:0.08, Y:0, K:0.02. Its decimal value is 4580858.

Hex triplet	45e5fa	`#45e5fa`
RGB Decimal	69, 229, 250	`rgb(69,229,250)`
RGB Percent	27.1, 89.8, 98	`rgb(27.1%,89.8%,98%)`
CMYK	72, 8, 0, 2
HSL	187°, 94.8, 62.5	`hsl(187,94.8%,62.5%)`
HSV (or HSB)	187°, 72.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	84.071, -33.932, -22.074
XYZ	47.724, 64.202, 100.314
xyY	0.225, 0.302, 64.202
CIE-LCH	84.071, 40.48, 213.046
CIE-LUV	84.071, -57.166, -30.41
Hunter-Lab	80.126, -33.904, -18.14
Binary	01000101, 11100101, 11111010

#45e5fa
```
#45e5fa rgb(69,229,250)
```
#fa5a45
```
#fa5a45 rgb(250,90,69)
```

Complementary Color

#45fab5
```
#45fab5 rgb(69,250,181)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#458bfa
```
#458bfa rgb(69,139,250)
```

Analogous Color

#fab545
```
#fab545 rgb(250,181,69)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#fa458b
```
#fa458b rgb(250,69,139)
```

Split Complementary Color

#e5fa45
```
#e5fa45 rgb(229,250,69)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#fa45e5
```
#fa45e5 rgb(250,69,229)
```

Triadic Color

#45fa5a
```
#45fa5a rgb(69,250,90)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#fa45e5
```
#fa45e5 rgb(250,69,229)
```
#fa5a45
```
#fa5a45 rgb(250,90,69)
```

Tetradic Color

#06d1ec
```
#06d1ec rgb(6,209,236)
```
#13def9
```
#13def9 rgb(19,222,249)
```
#2ce2f9
```
#2ce2f9 rgb(44,226,249)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#5ee8fb
```
#5ee8fb rgb(94,232,251)
```
#77ecfb
```
#77ecfb rgb(119,236,251)
```
#8feffc
```
#8feffc rgb(143,239,252)
```

Monochromatic Color

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

#45fae2
```
#45fae2 rgb(69,250,226)
```
#45faf1
```
#45faf1 rgb(69,250,241)
```
#45f4fa
```
#45f4fa rgb(69,244,250)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#45d6fa
```
#45d6fa rgb(69,214,250)
```
#45c7fa
```
#45c7fa rgb(69,199,250)
```
#45b8fa
```
#45b8fa rgb(69,184,250)
```

Similar Colors

Text with hexadecimal color #45e5fa

This text has a font color of #45e5fa.

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

#45e5fa background color

This paragraph has a background color of #45e5fa.

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

#45e5fa border color

This element has a border color of #45e5fa.

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

CSS codes

.text {color:#45e5fa;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011518
```
#011518 rgb(1,21,24)
```
#01262b
```
#01262b rgb(1,38,43)
```
#02373e
```
#02373e rgb(2,55,62)
```
#024851
```
#024851 rgb(2,72,81)
```
#035965
```
#035965 rgb(3,89,101)
```
#036a78
```
#036a78 rgb(3,106,120)
```
#047b8b
```
#047b8b rgb(4,123,139)
```
#048c9e
```
#048c9e rgb(4,140,158)
```
#059db1
```
#059db1 rgb(5,157,177)
```
#05aec4
```
#05aec4 rgb(5,174,196)
```
#06bfd7
```
#06bfd7 rgb(6,191,215)
```
#06d0ea
```
#06d0ea rgb(6,208,234)
```

Shade Color Variation

#0cddf8
```
#0cddf8 rgb(12,221,248)
```
#1fe0f9
```
#1fe0f9 rgb(31,224,249)
```
#32e2f9
```
#32e2f9 rgb(50,226,249)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```
#58e8fb
```
#58e8fb rgb(88,232,251)
```
#6beafb
```
#6beafb rgb(107,234,251)
```
#7eedfc
```
#7eedfc rgb(126,237,252)
```
#91f0fc
```
#91f0fc rgb(145,240,252)
```
#a5f2fd
```
#a5f2fd rgb(165,242,253)
```
#b8f5fd
```
#b8f5fd rgb(184,245,253)
```
#cbf8fe
```
#cbf8fe rgb(203,248,254)
```
#defafe
```
#defafe rgb(222,250,254)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da1a2 is the less saturated color, while #45e5fa is the most saturated one.

#9da1a2
```
#9da1a2 rgb(157,161,162)
```
#96a7a9
```
#96a7a9 rgb(150,167,169)
```
#8eadb1
```
#8eadb1 rgb(142,173,177)
```
#87b2b8
```
#87b2b8 rgb(135,178,184)
```
#80b8bf
```
#80b8bf rgb(128,184,191)
```
#78bec7
```
#78bec7 rgb(120,190,199)
```
#71c3ce
```
#71c3ce rgb(113,195,206)
```
#6ac9d5
```
#6ac9d5 rgb(106,201,213)
```
#62cedd
```
#62cedd rgb(98,206,221)
```
#5bd4e4
```
#5bd4e4 rgb(91,212,228)
```
#54daeb
```
#54daeb rgb(84,218,235)
```
#4cdff3
```
#4cdff3 rgb(76,223,243)
```
#45e5fa
```
#45e5fa rgb(69,229,250)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a1c1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd2ee Protanopia 1% of men
#ced0ff Deuteranopia 1% of men
#4ce6f7 Tritanopia 0.001% of the population

Trichromacy

#9cd9f2 Protanomaly 1% of men, 0.01% of women
#9cd7fd Deuteranomaly 6% of men, 0.4% of women
#49e6f8 Tritanomaly 0.01% of the population

#45e5fa hex color

#45e5fa Color Information

#45e5fa Color Conversion

Color Schemes with #45e5fa

Alternatives to #45e5fa

#45e5fa Preview

Shades and Tints of #45e5fa

Tones of #45e5fa

Color Blindness Simulator