#54edd2 hex color

In a RGB color space, hex #54edd2 is composed of 32.9% red, 92.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 11.4% yellow and 7.1% black. It has a hue angle of 169.4 degrees, a saturation of 81% and a lightness of 62.9%. #54edd2 color hex could be obtained by blending #a8ffff with #00dba5. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 33
- G 93
- B 82
RGB color chart
- C 65
- M 0
- Y 11
- K 7
CMYK color chart

● #54edd2 color description : Soft cyan.

The hexadecimal color #54edd2 has RGB values of R:84, G:237, B:210 and CMYK values of C:0.65, M:0, Y:0.11, K:0.07. Its decimal value is 5565906.

Hex triplet	54edd2	`#54edd2`
RGB Decimal	84, 237, 210	`rgb(84,237,210)`
RGB Percent	32.9, 92.9, 82.4	`rgb(32.9%,92.9%,82.4%)`
CMYK	65, 0, 11, 7
HSL	169.4°, 81, 62.9	`hsl(169.4,81%,62.9%)`
HSV (or HSB)	169.4°, 64.6, 92.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.556, -46.405, 1.242
XYZ	45.569, 67.102, 71.52
xyY	0.247, 0.364, 67.102
CIE-LCH	85.556, 46.422, 178.467
CIE-LUV	85.556, -59.989, 9.392
Hunter-Lab	81.916, -44.055, 5.576
Binary	01010100, 11101101, 11010010

#54edd2
```
#54edd2 rgb(84,237,210)
```
#ed546f
```
#ed546f rgb(237,84,111)
```

Complementary Color

#54ed86
```
#54ed86 rgb(84,237,134)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#54bced
```
#54bced rgb(84,188,237)
```

Analogous Color

#ed8654
```
#ed8654 rgb(237,134,84)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#ed54bc
```
#ed54bc rgb(237,84,188)
```

Split Complementary Color

#edd254
```
#edd254 rgb(237,210,84)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#d254ed
```
#d254ed rgb(210,84,237)
```

Triadic Color

#6fed54
```
#6fed54 rgb(111,237,84)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#d254ed
```
#d254ed rgb(210,84,237)
```
#ed546f
```
#ed546f rgb(237,84,111)
```

Tetradic Color

#17ddba
```
#17ddba rgb(23,221,186)
```
#26e8c6
```
#26e8c6 rgb(38,232,198)
```
#3debcc
```
#3debcc rgb(61,235,204)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#6befd8
```
#6befd8 rgb(107,239,216)
```
#82f2de
```
#82f2de rgb(130,242,222)
```
#99f4e4
```
#99f4e4 rgb(153,244,228)
```

Monochromatic Color

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

#54edac
```
#54edac rgb(84,237,172)
```
#54edb9
```
#54edb9 rgb(84,237,185)
```
#54edc5
```
#54edc5 rgb(84,237,197)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#54eddf
```
#54eddf rgb(84,237,223)
```
#54edec
```
#54edec rgb(84,237,236)
```
#54e2ed
```
#54e2ed rgb(84,226,237)
```

Similar Colors

Text with hexadecimal color #54edd2

This text has a font color of #54edd2.

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

#54edd2 background color

This paragraph has a background color of #54edd2.

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

#54edd2 border color

This element has a border color of #54edd2.

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

CSS codes

.text {color:#54edd2;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#031814
```
#031814 rgb(3,24,20)
```
#042a23
```
#042a23 rgb(4,42,35)
```
#063c32
```
#063c32 rgb(6,60,50)
```
#084d41
```
#084d41 rgb(8,77,65)
```
#0a5f50
```
#0a5f50 rgb(10,95,80)
```
#0c715f
```
#0c715f rgb(12,113,95)
```
#0e836e
```
#0e836e rgb(14,131,110)
```
#10947d
```
#10947d rgb(16,148,125)
```
#11a68c
```
#11a68c rgb(17,166,140)
```
#13b89b
```
#13b89b rgb(19,184,155)
```
#15caaa
```
#15caaa rgb(21,202,170)
```
#17dbb9
```
#17dbb9 rgb(23,219,185)
```

Shade Color Variation

#1fe7c4
```
#1fe7c4 rgb(31,231,196)
```
#31e9c9
```
#31e9c9 rgb(49,233,201)
```
#42ebcd
```
#42ebcd rgb(66,235,205)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#66efd7
```
#66efd7 rgb(102,239,215)
```
#77f1db
```
#77f1db rgb(119,241,219)
```
#89f3e0
```
#89f3e0 rgb(137,243,224)
```
#9bf4e5
```
#9bf4e5 rgb(155,244,229)
```
#adf6e9
```
#adf6e9 rgb(173,246,233)
```
#bef8ee
```
#bef8ee rgb(190,248,238)
```
#d0faf3
```
#d0faf3 rgb(208,250,243)
```
#e2fcf7
```
#e2fcf7 rgb(226,252,247)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

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

#9da4a3
```
#9da4a3 rgb(157,164,163)
```
#95aca8
```
#95aca8 rgb(149,172,168)
```
#8eb3ac
```
#8eb3ac rgb(142,179,172)
```
#87bab1
```
#87bab1 rgb(135,186,177)
```
#80c1b6
```
#80c1b6 rgb(128,193,182)
```
#78c9ba
```
#78c9ba rgb(120,201,186)
```
#71d0bf
```
#71d0bf rgb(113,208,191)
```
#6ad7c4
```
#6ad7c4 rgb(106,215,196)
```
#63dec9
```
#63dec9 rgb(99,222,201)
```
#5be6cd
```
#5be6cd rgb(91,230,205)
```
#54edd2
```
#54edd2 rgb(84,237,210)
```
#4df4d7
```
#4df4d7 rgb(77,244,215)
```
#45fcdb
```
#45fcdb rgb(69,252,219)
```

Tone Color Variation

Below, you can see how #54edd2 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
#a7c6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd7c8 Protanopia 1% of men
#e8d1de Deuteranopia 1% of men
#71e8f9 Tritanopia 0.001% of the population

Trichromacy

#acdfcc Protanomaly 1% of men, 0.01% of women
#b2dbd9 Deuteranomaly 6% of men, 0.4% of women
#66eaeb Tritanomaly 0.01% of the population

#54edd2 hex color

#54edd2 Color Information

#54edd2 Color Conversion

Color Schemes with #54edd2

Alternatives to #54edd2

#54edd2 Preview

Shades and Tints of #54edd2

Tones of #54edd2

Color Blindness Simulator