#54f2f8 hex color

In a RGB color space, hex #54f2f8 is composed of 32.9% red, 94.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 2.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 182.2 degrees, a saturation of 92.1% and a lightness of 65.1%. #54f2f8 color hex could be obtained by blending #a8ffff with #00e5f1. Closest websafe color is: #66ffff.

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

● #54f2f8 color description : Soft cyan.

The hexadecimal color #54f2f8 has RGB values of R:84, G:242, B:248 and CMYK values of C:0.66, M:0.02, Y:0, K:0.03. Its decimal value is 5567224.

Hex triplet	54f2f8	`#54f2f8`
RGB Decimal	84, 242, 248	`rgb(84,242,248)`
RGB Percent	32.9, 94.9, 97.3	`rgb(32.9%,94.9%,97.3%)`
CMYK	66, 2, 0, 3
HSL	182.2°, 92.1, 65.1	`hsl(182.2,92.1%,65.1%)`
HSV (or HSB)	182.2°, 66.1, 97.3
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.046, -38.631, -14.997
XYZ	52.347, 72.162, 99.972
xyY	0.233, 0.321, 72.162
CIE-LCH	88.046, 41.44, 201.217
CIE-LUV	88.046, -59.399, -17.919
Hunter-Lab	84.948, -38.664, -10.312
Binary	01010100, 11110010, 11111000

#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#f85a54
```
#f85a54 rgb(248,90,84)
```

Complementary Color

#54f8ac
```
#54f8ac rgb(84,248,172)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#54a0f8
```
#54a0f8 rgb(84,160,248)
```

Analogous Color

#f8ac54
```
#f8ac54 rgb(248,172,84)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#f854a0
```
#f854a0 rgb(248,84,160)
```

Split Complementary Color

#f2f854
```
#f2f854 rgb(242,248,84)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#f854f2
```
#f854f2 rgb(248,84,242)
```

Triadic Color

#54f85a
```
#54f85a rgb(84,248,90)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#f854f2
```
#f854f2 rgb(248,84,242)
```
#f85a54
```
#f85a54 rgb(248,90,84)
```

Tetradic Color

#0becf5
```
#0becf5 rgb(11,236,245)
```
#23eef6
```
#23eef6 rgb(35,238,246)
```
#3cf0f7
```
#3cf0f7 rgb(60,240,247)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#6cf4f9
```
#6cf4f9 rgb(108,244,249)
```
#85f6fa
```
#85f6fa rgb(133,246,250)
```
#9df8fb
```
#9df8fb rgb(157,248,251)
```

Monochromatic Color

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

#54f8d5
```
#54f8d5 rgb(84,248,213)
```
#54f8e3
```
#54f8e3 rgb(84,248,227)
```
#54f8f0
```
#54f8f0 rgb(84,248,240)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#54e4f8
```
#54e4f8 rgb(84,228,248)
```
#54d7f8
```
#54d7f8 rgb(84,215,248)
```
#54c9f8
```
#54c9f8 rgb(84,201,248)
```

Similar Colors

Text with hexadecimal color #54f2f8

This text has a font color of #54f2f8.

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

#54f2f8 background color

This paragraph has a background color of #54f2f8.

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

#54f2f8 border color

This element has a border color of #54f2f8.

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

CSS codes

.text {color:#54f2f8;}

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

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

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

#011111
```
#011111 rgb(1,17,17)
```
#012324
```
#012324 rgb(1,35,36)
```
#023537
```
#023537 rgb(2,53,55)
```
#03474a
```
#03474a rgb(3,71,74)
```
#045a5d
```
#045a5d rgb(4,90,93)
```
#056c70
```
#056c70 rgb(5,108,112)
```
#057e83
```
#057e83 rgb(5,126,131)
```
#069095
```
#069095 rgb(6,144,149)
```
#07a2a8
```
#07a2a8 rgb(7,162,168)
```
#08b4bb
```
#08b4bb rgb(8,180,187)
```
#08c7ce
```
#08c7ce rgb(8,199,206)
```
#09d9e1
```
#09d9e1 rgb(9,217,225)
```
#0aebf4
```
#0aebf4 rgb(10,235,244)
```

Shade Color Variation

#1beef6
```
#1beef6 rgb(27,238,246)
```
#2eeff6
```
#2eeff6 rgb(46,239,246)
```
#41f1f7
```
#41f1f7 rgb(65,241,247)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#67f3f9
```
#67f3f9 rgb(103,243,249)
```
#7af5fa
```
#7af5fa rgb(122,245,250)
```
#8df6fa
```
#8df6fa rgb(141,246,250)
```
#9ff8fb
```
#9ff8fb rgb(159,248,251)
```
#b2f9fc
```
#b2f9fc rgb(178,249,252)
```
#c5fbfd
```
#c5fbfd rgb(197,251,253)
```
#d8fcfd
```
#d8fcfd rgb(216,252,253)
```
#ebfdfe
```
#ebfdfe rgb(235,253,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#9facad
```
#9facad rgb(159,172,173)
```
#98b3b4
```
#98b3b4 rgb(152,179,180)
```
#92b9ba
```
#92b9ba rgb(146,185,186)
```
#8bbfc1
```
#8bbfc1 rgb(139,191,193)
```
#84c6c8
```
#84c6c8 rgb(132,198,200)
```
#7dcccf
```
#7dcccf rgb(125,204,207)
```
#76d2d6
```
#76d2d6 rgb(118,210,214)
```
#6fd9dd
```
#6fd9dd rgb(111,217,221)
```
#69dfe3
```
#69dfe3 rgb(105,223,227)
```
#62e5ea
```
#62e5ea rgb(98,229,234)
```
#5becf1
```
#5becf1 rgb(91,236,241)
```
#54f2f8
```
#54f2f8 rgb(84,242,248)
```
#4df8ff
```
#4df8ff rgb(77,248,255)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#adccce Atypical Achromatopsia 0.001% of the population

Dichromacy

#deddec Protanopia 1% of men
#e1daff Deuteranopia 1% of men
#7aefff Tritanopia 0.001% of the population

Trichromacy

#abe4f0 Protanomaly 1% of men, 0.01% of women
#ade2fc Deuteranomaly 6% of men, 0.4% of women
#6cf0fc Tritanomaly 0.01% of the population

#54f2f8 hex color

#54f2f8 Color Information

#54f2f8 Color Conversion

Color Schemes with #54f2f8

Alternatives to #54f2f8

#54f2f8 Preview

Shades and Tints of #54f2f8

Tones of #54f2f8

Color Blindness Simulator