#54fce2 hex color

In a RGB color space, hex #54fce2 is composed of 32.9% red, 98.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 10.3% yellow and 1.2% black. It has a hue angle of 170.7 degrees, a saturation of 96.6% and a lightness of 65.9%. #54fce2 color hex could be obtained by blending #a8ffff with #00f9c5. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 33
- G 99
- B 89
RGB color chart
- C 67
- M 0
- Y 10
- K 1
CMYK color chart

● #54fce2 color description : Soft cyan.

The hexadecimal color #54fce2 has RGB values of R:84, G:252, B:226 and CMYK values of C:0.67, M:0, Y:0.1, K:0.01. Its decimal value is 5569762.

Hex triplet	54fce2	`#54fce2`
RGB Decimal	84, 252, 226	`rgb(84,252,226)`
RGB Percent	32.9, 98.8, 88.6	`rgb(32.9%,98.8%,88.6%)`
CMYK	67, 0, 10, 1
HSL	170.7°, 96.6, 65.9	`hsl(170.7,96.6%,65.9%)`
HSV (or HSB)	170.7°, 66.7, 98.8
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.318, -48.832, -0.165
XYZ	52.189, 76.992, 84.058
xyY	0.245, 0.361, 76.992
CIE-LCH	90.318, 48.832, 180.194
CIE-LUV	90.318, -64.32, 7.653
Hunter-Lab	87.745, -47.385, 4.623
Binary	01010100, 11111100, 11100010

#54fce2
```
#54fce2 rgb(84,252,226)
```
#fc546e
```
#fc546e rgb(252,84,110)
```

Complementary Color

#54fc8e
```
#54fc8e rgb(84,252,142)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#54c2fc
```
#54c2fc rgb(84,194,252)
```

Analogous Color

#fc8e54
```
#fc8e54 rgb(252,142,84)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#fc54c2
```
#fc54c2 rgb(252,84,194)
```

Split Complementary Color

#fce254
```
#fce254 rgb(252,226,84)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#e254fc
```
#e254fc rgb(226,84,252)
```

Triadic Color

#6efc54
```
#6efc54 rgb(110,252,84)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#e254fc
```
#e254fc rgb(226,84,252)
```
#fc546e
```
#fc546e rgb(252,84,110)
```

Tetradic Color

#09fbd5
```
#09fbd5 rgb(9,251,213)
```
#22fbda
```
#22fbda rgb(34,251,218)
```
#3bfcde
```
#3bfcde rgb(59,252,222)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#6dfce6
```
#6dfce6 rgb(109,252,230)
```
#86fdeb
```
#86fdeb rgb(134,253,235)
```
#9ffdef
```
#9ffdef rgb(159,253,239)
```

Monochromatic Color

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

#54fcb8
```
#54fcb8 rgb(84,252,184)
```
#54fcc6
```
#54fcc6 rgb(84,252,198)
```
#54fcd4
```
#54fcd4 rgb(84,252,212)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#54fcf0
```
#54fcf0 rgb(84,252,240)
```
#54fafc
```
#54fafc rgb(84,250,252)
```
#54ecfc
```
#54ecfc rgb(84,236,252)
```

Similar Colors

Text with hexadecimal color #54fce2

This text has a font color of #54fce2.

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

#54fce2 background color

This paragraph has a background color of #54fce2.

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

#54fce2 border color

This element has a border color of #54fce2.

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

CSS codes

.text {color:#54fce2;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001612
```
#001612 rgb(0,22,18)
```
#012923
```
#012923 rgb(1,41,35)
```
#013c33
```
#013c33 rgb(1,60,51)
```
#015043
```
#015043 rgb(1,80,67)
```
#026354
```
#026354 rgb(2,99,84)
```
#027664
```
#027664 rgb(2,118,100)
```
#028975
```
#028975 rgb(2,137,117)
```
#039d85
```
#039d85 rgb(3,157,133)
```
#03b095
```
#03b095 rgb(3,176,149)
```
#03c3a6
```
#03c3a6 rgb(3,195,166)
```
#04d7b6
```
#04d7b6 rgb(4,215,182)
```
#04eac6
```
#04eac6 rgb(4,234,198)
```

Shade Color Variation

#07fbd5
```
#07fbd5 rgb(7,251,213)
```
#1afbd8
```
#1afbd8 rgb(26,251,216)
```
#2dfbdb
```
#2dfbdb rgb(45,251,219)
```
#41fcdf
```
#41fcdf rgb(65,252,223)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```
#67fce5
```
#67fce5 rgb(103,252,229)
```
#7bfde9
```
#7bfde9 rgb(123,253,233)
```
#8efdec
```
#8efdec rgb(142,253,236)
```
#a1fdef
```
#a1fdef rgb(161,253,239)
```
#b4fef2
```
#b4fef2 rgb(180,254,242)
```
#c8fef6
```
#c8fef6 rgb(200,254,246)
```
#dbfef9
```
#dbfef9 rgb(219,254,249)
```
#eefffc
```
#eefffc rgb(238,255,252)
```

Tint Color Variation

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

#a4acab
```
#a4acab rgb(164,172,171)
```
#9eb2af
```
#9eb2af rgb(158,178,175)
```
#97b9b4
```
#97b9b4 rgb(151,185,180)
```
#90c0b8
```
#90c0b8 rgb(144,192,184)
```
#8ac6bd
```
#8ac6bd rgb(138,198,189)
```
#83cdc2
```
#83cdc2 rgb(131,205,194)
```
#7cd4c6
```
#7cd4c6 rgb(124,212,198)
```
#75dbcb
```
#75dbcb rgb(117,219,203)
```
#6fe1d0
```
#6fe1d0 rgb(111,225,208)
```
#68e8d4
```
#68e8d4 rgb(104,232,212)
```
#61efd9
```
#61efd9 rgb(97,239,217)
```
#5bf5dd
```
#5bf5dd rgb(91,245,221)
```
#54fce2
```
#54fce2 rgb(84,252,226)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b0d2cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe3d7 Protanopia 1% of men
#f5deee Deuteranopia 1% of men
#9ff1ff Tritanopia 0.001% of the population

Trichromacy

#b4ecdb Protanomaly 1% of men, 0.01% of women
#bae9e9 Deuteranomaly 6% of men, 0.4% of women
#84f5f4 Tritanomaly 0.01% of the population

#54fce2 hex color

#54fce2 Color Information

#54fce2 Color Conversion

Color Schemes with #54fce2

Alternatives to #54fce2

#54fce2 Preview

Shades and Tints of #54fce2

Tones of #54fce2

Color Blindness Simulator