#54e2f7 hex color

In a RGB color space, hex #54e2f7 is composed of 32.9% red, 88.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 8.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 187.7 degrees, a saturation of 91.1% and a lightness of 64.9%. #54e2f7 color hex could be obtained by blending #a8ffff with #00c5ef. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 89
- B 97
RGB color chart
- C 66
- M 9
- Y 0
- K 3
CMYK color chart

● #54e2f7 color description : Soft cyan.

The hexadecimal color #54e2f7 has RGB values of R:84, G:226, B:247 and CMYK values of C:0.66, M:0.09, Y:0, K:0.03. Its decimal value is 5563127.

Hex triplet	54e2f7	`#54e2f7`
RGB Decimal	84, 226, 247	`rgb(84,226,247)`
RGB Percent	32.9, 88.6, 96.9	`rgb(32.9%,88.6%,96.9%)`
CMYK	66, 9, 0, 3
HSL	187.7°, 91.1, 64.9	`hsl(187.7,91.1%,64.9%)`
HSV (or HSB)	187.7°, 66, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.437, -31.442, -21.421
XYZ	47.636, 62.989, 97.638
xyY	0.229, 0.302, 62.989
CIE-LCH	83.437, 38.045, 214.266
CIE-LUV	83.437, -53.8, -29.612
Hunter-Lab	79.366, -31.752, -17.385
Binary	01010100, 11100010, 11110111

#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#f76954
```
#f76954 rgb(247,105,84)
```

Complementary Color

#54f7bb
```
#54f7bb rgb(84,247,187)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#5491f7
```
#5491f7 rgb(84,145,247)
```

Analogous Color

#f7bb54
```
#f7bb54 rgb(247,187,84)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#f75491
```
#f75491 rgb(247,84,145)
```

Split Complementary Color

#e2f754
```
#e2f754 rgb(226,247,84)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#f754e2
```
#f754e2 rgb(247,84,226)
```

Triadic Color

#54f769
```
#54f769 rgb(84,247,105)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#f754e2
```
#f754e2 rgb(247,84,226)
```
#f76954
```
#f76954 rgb(247,105,84)
```

Tetradic Color

#0bd5f3
```
#0bd5f3 rgb(11,213,243)
```
#23daf5
```
#23daf5 rgb(35,218,245)
```
#3cdef6
```
#3cdef6 rgb(60,222,246)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#6ce6f8
```
#6ce6f8 rgb(108,230,248)
```
#85eaf9
```
#85eaf9 rgb(133,234,249)
```
#9deefa
```
#9deefa rgb(157,238,250)
```

Monochromatic Color

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

#54f7e3
```
#54f7e3 rgb(84,247,227)
```
#54f7f1
```
#54f7f1 rgb(84,247,241)
```
#54f0f7
```
#54f0f7 rgb(84,240,247)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#54d4f7
```
#54d4f7 rgb(84,212,247)
```
#54c7f7
```
#54c7f7 rgb(84,199,247)
```
#54b9f7
```
#54b9f7 rgb(84,185,247)
```

Similar Colors

Text with hexadecimal color #54e2f7

This text has a font color of #54e2f7.

<span style="color:#54e2f7;">Text here</span>

#54e2f7 background color

This paragraph has a background color of #54e2f7.

<p style="background-color:#54e2f7;">Content here</p>

#54e2f7 border color

This element has a border color of #54e2f7.

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

CSS codes

.text {color:#54e2f7;}

.background {background-color:#54e2f7;}

.border {border:1px solid #54e2f7;}

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, #010e10 is the darkest color, while #fdffff is the lightest one.

#010e10
```
#010e10 rgb(1,14,16)
```
#021f23
```
#021f23 rgb(2,31,35)
```
#032f36
```
#032f36 rgb(3,47,54)
```
#034049
```
#034049 rgb(3,64,73)
```
#04505b
```
#04505b rgb(4,80,91)
```
#05616e
```
#05616e rgb(5,97,110)
```
#067181
```
#067181 rgb(6,113,129)
```
#078194
```
#078194 rgb(7,129,148)
```
#0892a6
```
#0892a6 rgb(8,146,166)
```
#09a2b9
```
#09a2b9 rgb(9,162,185)
```
#0ab3cc
```
#0ab3cc rgb(10,179,204)
```
#0ac3df
```
#0ac3df rgb(10,195,223)
```
#0bd4f1
```
#0bd4f1 rgb(11,212,241)
```

Shade Color Variation

#1cd8f4
```
#1cd8f4 rgb(28,216,244)
```
#2fdcf5
```
#2fdcf5 rgb(47,220,245)
```
#41dff6
```
#41dff6 rgb(65,223,246)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#67e5f8
```
#67e5f8 rgb(103,229,248)
```
#79e8f9
```
#79e8f9 rgb(121,232,249)
```
#8cecfa
```
#8cecfa rgb(140,236,250)
```
#9feffb
```
#9feffb rgb(159,239,251)
```
#b2f2fb
```
#b2f2fb rgb(178,242,251)
```
#c4f5fc
```
#c4f5fc rgb(196,245,252)
```
#d7f8fd
```
#d7f8fd rgb(215,248,253)
```
#eafbfe
```
#eafbfe rgb(234,251,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#a0aaab
```
#a0aaab rgb(160,170,171)
```
#99afb2
```
#99afb2 rgb(153,175,178)
```
#92b4b9
```
#92b4b9 rgb(146,180,185)
```
#8bb9c0
```
#8bb9c0 rgb(139,185,192)
```
#84bec7
```
#84bec7 rgb(132,190,199)
```
#7dc3ce
```
#7dc3ce rgb(125,195,206)
```
#76c8d5
```
#76c8d5 rgb(118,200,213)
```
#70cedb
```
#70cedb rgb(112,206,219)
```
#69d3e2
```
#69d3e2 rgb(105,211,226)
```
#62d8e9
```
#62d8e9 rgb(98,216,233)
```
#5bddf0
```
#5bddf0 rgb(91,221,240)
```
#54e2f7
```
#54e2f7 rgb(84,226,247)
```
#4de7fe
```
#4de7fe rgb(77,231,254)
```

Tone Color Variation

Below, you can see how #54e2f7 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

#bababa Achromatopsia 0.005% of the population
#a6c2c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd0ec Protanopia 1% of men
#cdceff Deuteranopia 1% of men
#5ae3f4 Tritanopia 0.001% of the population

Trichromacy

#a1d7f0 Protanomaly 1% of men, 0.01% of women
#a1d5fc Deuteranomaly 6% of men, 0.4% of women
#58e3f5 Tritanomaly 0.01% of the population

#54e2f7 hex color

#54e2f7 Color Information

#54e2f7 Color Conversion

Color Schemes with #54e2f7

Alternatives to #54e2f7

#54e2f7 Preview

Shades and Tints of #54e2f7

Tones of #54e2f7

Color Blindness Simulator