#45e1fc hex color

In a RGB color space, hex #45e1fc is composed of 27.1% red, 88.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 10.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 188.9 degrees, a saturation of 96.8% and a lightness of 62.9%. #45e1fc color hex could be obtained by blending #8affff with #00c3f9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 88
- B 99
RGB color chart
- C 73
- M 11
- Y 0
- K 1
CMYK color chart

● #45e1fc color description : Bright cyan.

The hexadecimal color #45e1fc has RGB values of R:69, G:225, B:252 and CMYK values of C:0.73, M:0.11, Y:0, K:0.01. Its decimal value is 4579836.

Hex triplet	45e1fc	`#45e1fc`
RGB Decimal	69, 225, 252	`rgb(69,225,252)`
RGB Percent	27.1, 88.2, 98.8	`rgb(27.1%,88.2%,98.8%)`
CMYK	73, 11, 0, 1
HSL	188.9°, 96.8, 62.9	`hsl(188.9,96.8%,62.9%)`
HSV (or HSB)	188.9°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.988, -31.437, -24.776
XYZ	46.945, 62.14, 101.61
xyY	0.223, 0.295, 62.14
CIE-LCH	82.988, 40.026, 218.242
CIE-LUV	82.988, -55.645, -35.315
Hunter-Lab	78.829, -31.647, -21.245
Binary	01000101, 11100001, 11111100

#45e1fc
```
#45e1fc rgb(69,225,252)
```
#fc6045
```
#fc6045 rgb(252,96,69)
```

Complementary Color

#45fcbc
```
#45fcbc rgb(69,252,188)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#4586fc
```
#4586fc rgb(69,134,252)
```

Analogous Color

#fcbc45
```
#fcbc45 rgb(252,188,69)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#fc4586
```
#fc4586 rgb(252,69,134)
```

Split Complementary Color

#e1fc45
```
#e1fc45 rgb(225,252,69)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#fc45e1
```
#fc45e1 rgb(252,69,225)
```

Triadic Color

#45fc60
```
#45fc60 rgb(69,252,96)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#fc45e1
```
#fc45e1 rgb(252,69,225)
```
#fc6045
```
#fc6045 rgb(252,96,69)
```

Tetradic Color

#04cef1
```
#04cef1 rgb(4,206,241)
```
#13d9fb
```
#13d9fb rgb(19,217,251)
```
#2cddfc
```
#2cddfc rgb(44,221,252)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#5ee5fc
```
#5ee5fc rgb(94,229,252)
```
#77e9fd
```
#77e9fd rgb(119,233,253)
```
#90edfd
```
#90edfd rgb(144,237,253)
```

Monochromatic Color

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

#45fce9
```
#45fce9 rgb(69,252,233)
```
#45fcf9
```
#45fcf9 rgb(69,252,249)
```
#45f0fc
```
#45f0fc rgb(69,240,252)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#45d2fc
```
#45d2fc rgb(69,210,252)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#45b3fc
```
#45b3fc rgb(69,179,252)
```

Similar Colors

Text with hexadecimal color #45e1fc

This text has a font color of #45e1fc.

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

#45e1fc background color

This paragraph has a background color of #45e1fc.

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

#45e1fc border color

This element has a border color of #45e1fc.

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

CSS codes

.text {color:#45e1fc;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00171a
```
#00171a rgb(0,23,26)
```
#01272e
```
#01272e rgb(1,39,46)
```
#013841
```
#013841 rgb(1,56,65)
```
#014854
```
#014854 rgb(1,72,84)
```
#025968
```
#025968 rgb(2,89,104)
```
#02697b
```
#02697b rgb(2,105,123)
```
#027a8e
```
#027a8e rgb(2,122,142)
```
#038aa1
```
#038aa1 rgb(3,138,161)
```
#039bb5
```
#039bb5 rgb(3,155,181)
```
#03abc8
```
#03abc8 rgb(3,171,200)
```
#04bcdb
```
#04bcdb rgb(4,188,219)
```
#04ccef
```
#04ccef rgb(4,204,239)
```

Shade Color Variation

#0bd8fb
```
#0bd8fb rgb(11,216,251)
```
#1edbfb
```
#1edbfb rgb(30,219,251)
```
#32defc
```
#32defc rgb(50,222,252)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```
#58e4fc
```
#58e4fc rgb(88,228,252)
```
#6ce7fd
```
#6ce7fd rgb(108,231,253)
```
#7feafd
```
#7feafd rgb(127,234,253)
```
#92edfd
```
#92edfd rgb(146,237,253)
```
#a6f1fe
```
#a6f1fe rgb(166,241,254)
```
#b9f4fe
```
#b9f4fe rgb(185,244,254)
```
#ccf7fe
```
#ccf7fe rgb(204,247,254)
```
#dffafe
```
#dffafe rgb(223,250,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#9ca4a5
```
#9ca4a5 rgb(156,164,165)
```
#95a9ac
```
#95a9ac rgb(149,169,172)
```
#8eaeb3
```
#8eaeb3 rgb(142,174,179)
```
#86b3bb
```
#86b3bb rgb(134,179,187)
```
#7fb8c2
```
#7fb8c2 rgb(127,184,194)
```
#78bdc9
```
#78bdc9 rgb(120,189,201)
```
#71c2d0
```
#71c2d0 rgb(113,194,208)
```
#69c7d8
```
#69c7d8 rgb(105,199,216)
```
#62cddf
```
#62cddf rgb(98,205,223)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#54d7ed
```
#54d7ed rgb(84,215,237)
```
#4cdcf5
```
#4cdcf5 rgb(76,220,245)
```
#45e1fc
```
#45e1fc rgb(69,225,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fbec3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacff0 Protanopia 1% of men
#c9ceff Deuteranopia 1% of men
#47e3f4 Tritanopia 0.001% of the population

Trichromacy

#9ad5f4 Protanomaly 1% of men, 0.01% of women
#99d4fd Deuteranomaly 6% of men, 0.4% of women
#46e2f7 Tritanomaly 0.01% of the population

#45e1fc hex color

#45e1fc Color Information

#45e1fc Color Conversion

Color Schemes with #45e1fc

Alternatives to #45e1fc

#45e1fc Preview

Shades and Tints of #45e1fc

Tones of #45e1fc

Color Blindness Simulator