#45f9fe hex color

In a RGB color space, hex #45f9fe is composed of 27.1% red, 97.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 2% magenta, 0% yellow and 0.4% black. It has a hue angle of 181.6 degrees, a saturation of 98.9% and a lightness of 63.3%. #45f9fe color hex could be obtained by blending #8affff with #00f3fd. Closest websafe color is: #33ffff.

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

● #45f9fe color description : Bright cyan.

The hexadecimal color #45f9fe has RGB values of R:69, G:249, B:254 and CMYK values of C:0.73, M:0.02, Y:0, K:0. Its decimal value is 4585982.

Hex triplet	45f9fe	`#45f9fe`
RGB Decimal	69, 249, 254	`rgb(69,249,254)`
RGB Percent	27.1, 97.6, 99.6	`rgb(27.1%,97.6%,99.6%)`
CMYK	73, 2, 0, 0
HSL	181.6°, 98.9, 63.3	`hsl(181.6,98.9%,63.3%)`
HSV (or HSB)	181.6°, 72.8, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.937, -41.963, -15.323
XYZ	54.214, 76.167, 105.605
xyY	0.23, 0.323, 76.167
CIE-LCH	89.937, 44.673, 200.059
CIE-LUV	89.937, -63.793, -18.029
Hunter-Lab	87.274, -41.846, -10.652
Binary	01000101, 11111001, 11111110

#45f9fe
```
#45f9fe rgb(69,249,254)
```
#fe4a45
```
#fe4a45 rgb(254,74,69)
```

Complementary Color

#45fea7
```
#45fea7 rgb(69,254,167)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#459dfe
```
#459dfe rgb(69,157,254)
```

Analogous Color

#fea745
```
#fea745 rgb(254,167,69)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#fe459d
```
#fe459d rgb(254,69,157)
```

Split Complementary Color

#f9fe45
```
#f9fe45 rgb(249,254,69)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#fe45f9
```
#fe45f9 rgb(254,69,249)
```

Triadic Color

#45fe4a
```
#45fe4a rgb(69,254,74)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#fe45f9
```
#fe45f9 rgb(254,69,249)
```
#fe4a45
```
#fe4a45 rgb(254,74,69)
```

Tetradic Color

#01eff5
```
#01eff5 rgb(1,239,245)
```
#12f7fe
```
#12f7fe rgb(18,247,254)
```
#2cf8fe
```
#2cf8fe rgb(44,248,254)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#5efafe
```
#5efafe rgb(94,250,254)
```
#78fbfe
```
#78fbfe rgb(120,251,254)
```
#91fbfe
```
#91fbfe rgb(145,251,254)
```

Monochromatic Color

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

#45fed5
```
#45fed5 rgb(69,254,213)
```
#45fee4
```
#45fee4 rgb(69,254,228)
```
#45fef4
```
#45fef4 rgb(69,254,244)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#45eafe
```
#45eafe rgb(69,234,254)
```
#45dafe
```
#45dafe rgb(69,218,254)
```
#45cbfe
```
#45cbfe rgb(69,203,254)
```

Similar Colors

Text with hexadecimal color #45f9fe

This text has a font color of #45f9fe.

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

#45f9fe background color

This paragraph has a background color of #45f9fe.

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

#45f9fe border color

This element has a border color of #45f9fe.

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

CSS codes

.text {color:#45f9fe;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001c1d
```
#001c1d rgb(0,28,29)
```
#002f30
```
#002f30 rgb(0,47,48)
```
#004244
```
#004244 rgb(0,66,68)
```
#005557
```
#005557 rgb(0,85,87)
```
#01686b
```
#01686b rgb(1,104,107)
```
#017b7e
```
#017b7e rgb(1,123,126)
```
#018e92
```
#018e92 rgb(1,142,146)
```
#01a1a5
```
#01a1a5 rgb(1,161,165)
```
#01b4b9
```
#01b4b9 rgb(1,180,185)
```
#01c7cc
```
#01c7cc rgb(1,199,204)
```
#01dae0
```
#01dae0 rgb(1,218,224)
```
#01edf3
```
#01edf3 rgb(1,237,243)
```

Shade Color Variation

#0af7fe
```
#0af7fe rgb(10,247,254)
```
#1ef8fe
```
#1ef8fe rgb(30,248,254)
```
#31f8fe
```
#31f8fe rgb(49,248,254)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```
#59fafe
```
#59fafe rgb(89,250,254)
```
#6cfafe
```
#6cfafe rgb(108,250,254)
```
#80fbfe
```
#80fbfe rgb(128,251,254)
```
#93fcfe
```
#93fcfe rgb(147,252,254)
```
#a7fcff
```
#a7fcff rgb(167,252,255)
```
#bafdff
```
#bafdff rgb(186,253,255)
```
#cefdff
```
#cefdff rgb(206,253,255)
```
#e1feff
```
#e1feff rgb(225,254,255)
```
#f5ffff
```
#f5ffff rgb(245,255,255)
```

Tint Color Variation

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

#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#94aeaf
```
#94aeaf rgb(148,174,175)
```
#8db5b6
```
#8db5b6 rgb(141,181,182)
```
#86bcbd
```
#86bcbd rgb(134,188,189)
```
#7fc3c4
```
#7fc3c4 rgb(127,195,196)
```
#77c9cc
```
#77c9cc rgb(119,201,204)
```
#70d0d3
```
#70d0d3 rgb(112,208,211)
```
#69d7da
```
#69d7da rgb(105,215,218)
```
#62dee1
```
#62dee1 rgb(98,222,225)
```
#5be5e8
```
#5be5e8 rgb(91,229,232)
```
#53ebf0
```
#53ebf0 rgb(83,235,240)
```
#4cf2f7
```
#4cf2f7 rgb(76,242,247)
```
#45f9fe
```
#45f9fe rgb(69,249,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#abcfd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2f0 Protanopia 1% of men
#e5e0ff Deuteranopia 1% of men
#96f1ff Tritanopia 0.001% of the population

Trichromacy

#a9eaf5 Protanomaly 1% of men, 0.01% of women
#abe9fe Deuteranomaly 6% of men, 0.4% of women
#79f4fe Tritanomaly 0.01% of the population

#45f9fe hex color

#45f9fe Color Information

#45f9fe Color Conversion

Color Schemes with #45f9fe

Alternatives to #45f9fe

#45f9fe Preview

Shades and Tints of #45f9fe

Tones of #45f9fe

Color Blindness Simulator