#54e5f9 hex color

In a RGB color space, hex #54e5f9 is composed of 32.9% red, 89.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 8% magenta, 0% yellow and 2.4% black. It has a hue angle of 187.3 degrees, a saturation of 93.2% and a lightness of 65.3%. #54e5f9 color hex could be obtained by blending #a8ffff with #00cbf3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 90
- B 98
RGB color chart
- C 66
- M 8
- Y 0
- K 2
CMYK color chart

● #54e5f9 color description : Soft cyan.

The hexadecimal color #54e5f9 has RGB values of R:84, G:229, B:249 and CMYK values of C:0.66, M:0.08, Y:0, K:0.02. Its decimal value is 5563897.

Hex triplet	54e5f9	`#54e5f9`
RGB Decimal	84, 229, 249	`rgb(84,229,249)`
RGB Percent	32.9, 89.8, 97.6	`rgb(32.9%,89.8%,97.6%)`
CMYK	66, 8, 0, 2
HSL	187.3°, 93.2, 65.3	`hsl(187.3,93.2%,65.3%)`
HSV (or HSB)	187.3°, 66.3, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.359, -32.295, -21.079
XYZ	48.77, 64.759, 99.547
xyY	0.229, 0.304, 64.759
CIE-LCH	84.359, 38.565, 213.133
CIE-LUV	84.359, -54.744, -28.946
Hunter-Lab	80.473, -32.65, -17.012
Binary	01010100, 11100101, 11111001

#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#f96854
```
#f96854 rgb(249,104,84)
```

Complementary Color

#54f9bb
```
#54f9bb rgb(84,249,187)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#5493f9
```
#5493f9 rgb(84,147,249)
```

Analogous Color

#f9bb54
```
#f9bb54 rgb(249,187,84)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#f95493
```
#f95493 rgb(249,84,147)
```

Split Complementary Color

#e5f954
```
#e5f954 rgb(229,249,84)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#f954e5
```
#f954e5 rgb(249,84,229)
```

Triadic Color

#54f968
```
#54f968 rgb(84,249,104)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#f954e5
```
#f954e5 rgb(249,84,229)
```
#f96854
```
#f96854 rgb(249,104,84)
```

Tetradic Color

#0adaf6
```
#0adaf6 rgb(10,218,246)
```
#23def7
```
#23def7 rgb(35,222,247)
```
#3be1f8
```
#3be1f8 rgb(59,225,248)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#6de9fa
```
#6de9fa rgb(109,233,250)
```
#85ecfb
```
#85ecfb rgb(133,236,251)
```
#9ef0fc
```
#9ef0fc rgb(158,240,252)
```

Monochromatic Color

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

#54f9e4
```
#54f9e4 rgb(84,249,228)
```
#54f9f2
```
#54f9f2 rgb(84,249,242)
```
#54f3f9
```
#54f3f9 rgb(84,243,249)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#54d7f9
```
#54d7f9 rgb(84,215,249)
```
#54caf9
```
#54caf9 rgb(84,202,249)
```
#54bcf9
```
#54bcf9 rgb(84,188,249)
```

Similar Colors

Text with hexadecimal color #54e5f9

This text has a font color of #54e5f9.

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

#54e5f9 background color

This paragraph has a background color of #54e5f9.

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

#54e5f9 border color

This element has a border color of #54e5f9.

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

CSS codes

.text {color:#54e5f9;}

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

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

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

#011013
```
#011013 rgb(1,16,19)
```
#012125
```
#012125 rgb(1,33,37)
```
#023238
```
#023238 rgb(2,50,56)
```
#03434b
```
#03434b rgb(3,67,75)
```
#03535e
```
#03535e rgb(3,83,94)
```
#046471
```
#046471 rgb(4,100,113)
```
#057584
```
#057584 rgb(5,117,132)
```
#058597
```
#058597 rgb(5,133,151)
```
#0696aa
```
#0696aa rgb(6,150,170)
```
#07a7bd
```
#07a7bd rgb(7,167,189)
```
#07b8d0
```
#07b8d0 rgb(7,184,208)
```
#08c8e3
```
#08c8e3 rgb(8,200,227)
```
#09d9f6
```
#09d9f6 rgb(9,217,246)
```

Shade Color Variation

#1bdcf7
```
#1bdcf7 rgb(27,220,247)
```
#2edff8
```
#2edff8 rgb(46,223,248)
```
#41e2f8
```
#41e2f8 rgb(65,226,248)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```
#67e8fa
```
#67e8fa rgb(103,232,250)
```
#7aebfa
```
#7aebfa rgb(122,235,250)
```
#8deefb
```
#8deefb rgb(141,238,251)
```
#a0f1fc
```
#a0f1fc rgb(160,241,252)
```
#b3f3fc
```
#b3f3fc rgb(179,243,252)
```
#c6f6fd
```
#c6f6fd rgb(198,246,253)
```
#d9f9fe
```
#d9f9fe rgb(217,249,254)
```
#ecfcfe
```
#ecfcfe rgb(236,252,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a7a7
```
#a6a7a7 rgb(166,167,167)
```
#9facae
```
#9facae rgb(159,172,174)
```
#98b1b5
```
#98b1b5 rgb(152,177,181)
```
#91b7bc
```
#91b7bc rgb(145,183,188)
```
#8abcc3
```
#8abcc3 rgb(138,188,195)
```
#84c1c9
```
#84c1c9 rgb(132,193,201)
```
#7dc6d0
```
#7dc6d0 rgb(125,198,208)
```
#76cbd7
```
#76cbd7 rgb(118,203,215)
```
#6fd0de
```
#6fd0de rgb(111,208,222)
```
#68d6e5
```
#68d6e5 rgb(104,214,229)
```
#62dbeb
```
#62dbeb rgb(98,219,235)
```
#5be0f2
```
#5be0f2 rgb(91,224,242)
```
#54e5f9
```
#54e5f9 rgb(84,229,249)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a7c4c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d3ed Protanopia 1% of men
#d0d0ff Deuteranopia 1% of men
#5be6f7 Tritanopia 0.001% of the population

Trichromacy

#a3d9f1 Protanomaly 1% of men, 0.01% of women
#a3d8fc Deuteranomaly 6% of men, 0.4% of women
#58e6f8 Tritanomaly 0.01% of the population

#54e5f9 hex color

#54e5f9 Color Information

#54e5f9 Color Conversion

Color Schemes with #54e5f9

Alternatives to #54e5f9

#54e5f9 Preview

Shades and Tints of #54e5f9

Tones of #54e5f9

Color Blindness Simulator