#54d7c2 hex color

In a RGB color space, hex #54d7c2 is composed of 32.9% red, 84.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 9.8% yellow and 15.7% black. It has a hue angle of 170.4 degrees, a saturation of 62.1% and a lightness of 58.6%. #54d7c2 color hex could be obtained by blending #a8ffff with #00af85. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 84
- B 76
RGB color chart
- C 61
- M 0
- Y 10
- K 16
CMYK color chart

● #54d7c2 color description : Moderate cyan.

The hexadecimal color #54d7c2 has RGB values of R:84, G:215, B:194 and CMYK values of C:0.61, M:0, Y:0.1, K:0.16. Its decimal value is 5560258.

Hex triplet	54d7c2	`#54d7c2`
RGB Decimal	84, 215, 194	`rgb(84,215,194)`
RGB Percent	32.9, 84.3, 76.1	`rgb(32.9%,84.3%,76.1%)`
CMYK	61, 0, 10, 16
HSL	170.4°, 62.1, 58.6	`hsl(170.4,62.1%,58.6%)`
HSV (or HSB)	170.4°, 60.9, 84.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.681, -40.768, -0.31
XYZ	37.691, 54.378, 59.546
xyY	0.249, 0.359, 54.378
CIE-LCH	78.681, 40.769, 180.435
CIE-LUV	78.681, -52.932, 6.025
Hunter-Lab	73.741, -37.811, 3.742
Binary	01010100, 11010111, 11000010

#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#d75469
```
#d75469 rgb(215,84,105)
```

Complementary Color

#54d781
```
#54d781 rgb(84,215,129)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#54abd7
```
#54abd7 rgb(84,171,215)
```

Analogous Color

#d78154
```
#d78154 rgb(215,129,84)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#d754ab
```
#d754ab rgb(215,84,171)
```

Split Complementary Color

#d7c254
```
#d7c254 rgb(215,194,84)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#c254d7
```
#c254d7 rgb(194,84,215)
```

Triadic Color

#69d754
```
#69d754 rgb(105,215,84)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#c254d7
```
#c254d7 rgb(194,84,215)
```
#d75469
```
#d75469 rgb(215,84,105)
```

Tetradic Color

#2ab49e
```
#2ab49e rgb(42,180,158)
```
#2fc9b0
```
#2fc9b0 rgb(47,201,176)
```
#3fd2bb
```
#3fd2bb rgb(63,210,187)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#69dcc9
```
#69dcc9 rgb(105,220,201)
```
#7de1d1
```
#7de1d1 rgb(125,225,209)
```
#92e6d8
```
#92e6d8 rgb(146,230,216)
```

Monochromatic Color

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

#54d7a1
```
#54d7a1 rgb(84,215,161)
```
#54d7ac
```
#54d7ac rgb(84,215,172)
```
#54d7b7
```
#54d7b7 rgb(84,215,183)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#54d7cd
```
#54d7cd rgb(84,215,205)
```
#54d6d7
```
#54d6d7 rgb(84,214,215)
```
#54cbd7
```
#54cbd7 rgb(84,203,215)
```

Similar Colors

Text with hexadecimal color #54d7c2

This text has a font color of #54d7c2.

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

#54d7c2 background color

This paragraph has a background color of #54d7c2.

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

#54d7c2 border color

This element has a border color of #54d7c2.

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

CSS codes

.text {color:#54d7c2;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051411
```
#051411 rgb(5,20,17)
```
#08241f
```
#08241f rgb(8,36,31)
```
#0c342d
```
#0c342d rgb(12,52,45)
```
#10433b
```
#10433b rgb(16,67,59)
```
#135349
```
#135349 rgb(19,83,73)
```
#176357
```
#176357 rgb(23,99,87)
```
#1b7365
```
#1b7365 rgb(27,115,101)
```
#1f8373
```
#1f8373 rgb(31,131,115)
```
#229381
```
#229381 rgb(34,147,129)
```
#26a38f
```
#26a38f rgb(38,163,143)
```
#2ab39d
```
#2ab39d rgb(42,179,157)
```
#2ec3ab
```
#2ec3ab rgb(46,195,171)
```

Shade Color Variation

#34d0b7
```
#34d0b7 rgb(52,208,183)
```
#44d3bc
```
#44d3bc rgb(68,211,188)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#64dbc8
```
#64dbc8 rgb(100,219,200)
```
#74decd
```
#74decd rgb(116,222,205)
```
#84e2d3
```
#84e2d3 rgb(132,226,211)
```
#94e6d9
```
#94e6d9 rgb(148,230,217)
```
#a3eade
```
#a3eade rgb(163,234,222)
```
#b3ede4
```
#b3ede4 rgb(179,237,228)
```
#c3f1ea
```
#c3f1ea rgb(195,241,234)
```
#d3f5ef
```
#d3f5ef rgb(211,245,239)
```
#e3f8f5
```
#e3f8f5 rgb(227,248,245)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```

Tint Color Variation

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

#959696
```
#959696 rgb(149,150,150)
```
#8d9e9b
```
#8d9e9b rgb(141,158,155)
```
#85a6a1
```
#85a6a1 rgb(133,166,161)
```
#7daea6
```
#7daea6 rgb(125,174,166)
```
#74b7ac
```
#74b7ac rgb(116,183,172)
```
#6cbfb1
```
#6cbfb1 rgb(108,191,177)
```
#64c7b7
```
#64c7b7 rgb(100,199,183)
```
#5ccfbc
```
#5ccfbc rgb(92,207,188)
```
#54d7c2
```
#54d7c2 rgb(84,215,194)
```
#4cdfc8
```
#4cdfc8 rgb(76,223,200)
```
#44e7cd
```
#44e7cd rgb(68,231,205)
```
#3cefd3
```
#3cefd3 rgb(60,239,211)
```
#34f7d8
```
#34f7d8 rgb(52,247,216)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9bb5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc5ba Protanopia 1% of men
#d4c0cd Deuteranopia 1% of men
#6cd4e3 Tritanopia 0.001% of the population

Trichromacy

#a0cbbd Protanomaly 1% of men, 0.01% of women
#a5c8c9 Deuteranomaly 6% of men, 0.4% of women
#63d5d7 Tritanomaly 0.01% of the population

#54d7c2 hex color

#54d7c2 Color Information

#54d7c2 Color Conversion

Color Schemes with #54d7c2

Alternatives to #54d7c2

#54d7c2 Preview

Shades and Tints of #54d7c2

Tones of #54d7c2

Color Blindness Simulator