#45e7fc hex color

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

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

● #45e7fc color description : Bright cyan.

The hexadecimal color #45e7fc has RGB values of R:69, G:231, B:252 and CMYK values of C:0.73, M:0.08, Y:0, K:0.01. Its decimal value is 4581372.

Hex triplet	45e7fc	`#45e7fc`
RGB Decimal	69, 231, 252	`rgb(69,231,252)`
RGB Percent	27.1, 90.6, 98.8	`rgb(27.1%,90.6%,98.8%)`
CMYK	73, 8, 0, 1
HSL	186.9°, 96.8, 62.9	`hsl(186.9,96.8%,62.9%)`
HSV (or HSB)	186.9°, 72.6, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	84.71, -34.284, -22.157
XYZ	48.596, 65.441, 102.16
xyY	0.225, 0.303, 65.441
CIE-LCH	84.71, 40.821, 212.874
CIE-LUV	84.71, -57.725, -30.526
Hunter-Lab	80.896, -34.338, -18.249
Binary	01000101, 11100111, 11111100

#45e7fc
```
#45e7fc rgb(69,231,252)
```
#fc5a45
```
#fc5a45 rgb(252,90,69)
```

Complementary Color

#45fcb6
```
#45fcb6 rgb(69,252,182)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#458cfc
```
#458cfc rgb(69,140,252)
```

Analogous Color

#fcb645
```
#fcb645 rgb(252,182,69)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#fc458c
```
#fc458c rgb(252,69,140)
```

Split Complementary Color

#e7fc45
```
#e7fc45 rgb(231,252,69)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#fc45e7
```
#fc45e7 rgb(252,69,231)
```

Triadic Color

#45fc5a
```
#45fc5a rgb(69,252,90)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#fc45e7
```
#fc45e7 rgb(252,69,231)
```
#fc5a45
```
#fc5a45 rgb(252,90,69)
```

Tetradic Color

#04d5f1
```
#04d5f1 rgb(4,213,241)
```
#13e1fb
```
#13e1fb rgb(19,225,251)
```
#2ce4fc
```
#2ce4fc rgb(44,228,252)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#5eeafc
```
#5eeafc rgb(94,234,252)
```
#77edfd
```
#77edfd rgb(119,237,253)
```
#90f1fd
```
#90f1fd rgb(144,241,253)
```

Monochromatic Color

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

#45fce3
```
#45fce3 rgb(69,252,227)
```
#45fcf3
```
#45fcf3 rgb(69,252,243)
```
#45f6fc
```
#45f6fc rgb(69,246,252)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#45d8fc
```
#45d8fc rgb(69,216,252)
```
#45c9fc
```
#45c9fc rgb(69,201,252)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```

Similar Colors

Text with hexadecimal color #45e7fc

This text has a font color of #45e7fc.

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

#45e7fc background color

This paragraph has a background color of #45e7fc.

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

#45e7fc border color

This element has a border color of #45e7fc.

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

CSS codes

.text {color:#45e7fc;}

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

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

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)
```
#01282e
```
#01282e rgb(1,40,46)
```
#013a41
```
#013a41 rgb(1,58,65)
```
#014b54
```
#014b54 rgb(1,75,84)
```
#025c68
```
#025c68 rgb(2,92,104)
```
#026d7b
```
#026d7b rgb(2,109,123)
```
#027e8e
```
#027e8e rgb(2,126,142)
```
#038fa1
```
#038fa1 rgb(3,143,161)
```
#03a0b5
```
#03a0b5 rgb(3,160,181)
```
#03b1c8
```
#03b1c8 rgb(3,177,200)
```
#04c3db
```
#04c3db rgb(4,195,219)
```
#04d4ef
```
#04d4ef rgb(4,212,239)
```

Shade Color Variation

#0be0fb
```
#0be0fb rgb(11,224,251)
```
#1ee2fb
```
#1ee2fb rgb(30,226,251)
```
#32e5fc
```
#32e5fc rgb(50,229,252)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```
#58e9fc
```
#58e9fc rgb(88,233,252)
```
#6cecfd
```
#6cecfd rgb(108,236,253)
```
#7feefd
```
#7feefd rgb(127,238,253)
```
#92f1fd
```
#92f1fd rgb(146,241,253)
```
#a6f3fe
```
#a6f3fe rgb(166,243,254)
```
#b9f6fe
```
#b9f6fe rgb(185,246,254)
```
#ccf8fe
```
#ccf8fe rgb(204,248,254)
```
#dffbfe
```
#dffbfe rgb(223,251,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 #45e7fc is the most saturated one.

#9ca4a5
```
#9ca4a5 rgb(156,164,165)
```
#95a9ac
```
#95a9ac rgb(149,169,172)
```
#8eafb3
```
#8eafb3 rgb(142,175,179)
```
#86b5bb
```
#86b5bb rgb(134,181,187)
```
#7fbac2
```
#7fbac2 rgb(127,186,194)
```
#78c0c9
```
#78c0c9 rgb(120,192,201)
```
#71c5d0
```
#71c5d0 rgb(113,197,208)
```
#69cbd8
```
#69cbd8 rgb(105,203,216)
```
#62d1df
```
#62d1df rgb(98,209,223)
```
#5bd6e6
```
#5bd6e6 rgb(91,214,230)
```
#54dced
```
#54dced rgb(84,220,237)
```
#4ce1f5
```
#4ce1f5 rgb(76,225,245)
```
#45e7fc
```
#45e7fc rgb(69,231,252)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a2c2c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d4f0 Protanopia 1% of men
#d0d2ff Deuteranopia 1% of men
#4ce8f9 Tritanopia 0.001% of the population

Trichromacy

#9edbf4 Protanomaly 1% of men, 0.01% of women
#9ed9fd Deuteranomaly 6% of men, 0.4% of women
#49e8fa Tritanomaly 0.01% of the population

#45e7fc hex color

#45e7fc Color Information

#45e7fc Color Conversion

Color Schemes with #45e7fc

Alternatives to #45e7fc

#45e7fc Preview

Shades and Tints of #45e7fc

Tones of #45e7fc

Color Blindness Simulator