#54cfb2 hex color

In a RGB color space, hex #54cfb2 is composed of 32.9% red, 81.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 0% magenta, 14% yellow and 18.8% black. It has a hue angle of 165.9 degrees, a saturation of 56.2% and a lightness of 57.1%. #54cfb2 color hex could be obtained by blending #a8ffff with #009f65. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 81
- B 70
RGB color chart
- C 59
- M 0
- Y 14
- K 19
CMYK color chart

● #54cfb2 color description : Moderate cyan.

The hexadecimal color #54cfb2 has RGB values of R:84, G:207, B:178 and CMYK values of C:0.59, M:0, Y:0.14, K:0.19. Its decimal value is 5558194.

Hex triplet	54cfb2	`#54cfb2`
RGB Decimal	84, 207, 178	`rgb(84,207,178)`
RGB Percent	32.9, 81.2, 69.8	`rgb(32.9%,81.2%,69.8%)`
CMYK	59, 0, 14, 19
HSL	165.9°, 56.2, 57.1	`hsl(165.9,56.2%,57.1%)`
HSV (or HSB)	165.9°, 59.4, 81.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.898, -41.17, 4.225
XYZ	34.002, 49.722, 49.922
xyY	0.254, 0.372, 49.722
CIE-LCH	75.898, 41.386, 174.141
CIE-LUV	75.898, -50.845, 12.878
Hunter-Lab	70.514, -37.326, 7.384
Binary	01010100, 11001111, 10110010

#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#cf5471
```
#cf5471 rgb(207,84,113)
```

Complementary Color

#54cf75
```
#54cf75 rgb(84,207,117)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#54afcf
```
#54afcf rgb(84,175,207)
```

Analogous Color

#cf7554
```
#cf7554 rgb(207,117,84)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#cf54af
```
#cf54af rgb(207,84,175)
```

Split Complementary Color

#cfb254
```
#cfb254 rgb(207,178,84)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#b254cf
```
#b254cf rgb(178,84,207)
```

Triadic Color

#71cf54
```
#71cf54 rgb(113,207,84)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#b254cf
```
#b254cf rgb(178,84,207)
```
#cf5471
```
#cf5471 rgb(207,84,113)
```

Tetradic Color

#2fa78b
```
#2fa78b rgb(47,167,139)
```
#35bb9c
```
#35bb9c rgb(53,187,156)
```
#40c9a9
```
#40c9a9 rgb(64,201,169)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#68d5bb
```
#68d5bb rgb(104,213,187)
```
#7cdac4
```
#7cdac4 rgb(124,218,196)
```
#90e0cd
```
#90e0cd rgb(144,224,205)
```

Monochromatic Color

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

#54cf93
```
#54cf93 rgb(84,207,147)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```
#54cfa8
```
#54cfa8 rgb(84,207,168)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#54cfbc
```
#54cfbc rgb(84,207,188)
```
#54cfc7
```
#54cfc7 rgb(84,207,199)
```
#54cdcf
```
#54cdcf rgb(84,205,207)
```

Similar Colors

Text with hexadecimal color #54cfb2

This text has a font color of #54cfb2.

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

#54cfb2 background color

This paragraph has a background color of #54cfb2.

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

#54cfb2 border color

This element has a border color of #54cfb2.

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

CSS codes

.text {color:#54cfb2;}

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

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

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, #040d0b is the darkest color, while #fcfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c17
```
#081c17 rgb(8,28,23)
```
#0c2b24
```
#0c2b24 rgb(12,43,36)
```
#103b31
```
#103b31 rgb(16,59,49)
```
#154a3d
```
#154a3d rgb(21,74,61)
```
#19594a
```
#19594a rgb(25,89,74)
```
#1d6957
```
#1d6957 rgb(29,105,87)
```
#227864
```
#227864 rgb(34,120,100)
```
#268770
```
#268770 rgb(38,135,112)
```
#2a977d
```
#2a977d rgb(42,151,125)
```
#2fa68a
```
#2fa68a rgb(47,166,138)
```
#33b597
```
#33b597 rgb(51,181,151)
```
#37c5a3
```
#37c5a3 rgb(55,197,163)
```

Shade Color Variation

#45cbab
```
#45cbab rgb(69,203,171)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#63d3b9
```
#63d3b9 rgb(99,211,185)
```
#73d8c0
```
#73d8c0 rgb(115,216,192)
```
#82dcc7
```
#82dcc7 rgb(130,220,199)
```
#91e0ce
```
#91e0ce rgb(145,224,206)
```
#a1e4d4
```
#a1e4d4 rgb(161,228,212)
```
#b0e9db
```
#b0e9db rgb(176,233,219)
```
#bfede2
```
#bfede2 rgb(191,237,226)
```
#cff1e9
```
#cff1e9 rgb(207,241,233)
```
#def6f0
```
#def6f0 rgb(222,246,240)
```
#edfaf7
```
#edfaf7 rgb(237,250,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9493 is the less saturated color, while #2af9c8 is the most saturated one.

#8f9493
```
#8f9493 rgb(143,148,147)
```
#879c97
```
#879c97 rgb(135,156,151)
```
#7ea59c
```
#7ea59c rgb(126,165,156)
```
#76ada0
```
#76ada0 rgb(118,173,160)
```
#6db6a5
```
#6db6a5 rgb(109,182,165)
```
#65bea9
```
#65bea9 rgb(101,190,169)
```
#5cc7ae
```
#5cc7ae rgb(92,199,174)
```
#54cfb2
```
#54cfb2 rgb(84,207,178)
```
#4cd7b6
```
#4cd7b6 rgb(76,215,182)
```
#43e0bb
```
#43e0bb rgb(67,224,187)
```
#3be8bf
```
#3be8bf rgb(59,232,191)
```
#32f1c4
```
#32f1c4 rgb(50,241,196)
```
#2af9c8
```
#2af9c8 rgb(42,249,200)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#96afa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bdac Protanopia 1% of men
#d0b8be Deuteranopia 1% of men
#6dccda Tritanopia 0.001% of the population

Trichromacy

#9cc4ae Protanomaly 1% of men, 0.01% of women
#a2c0ba Deuteranomaly 6% of men, 0.4% of women
#64cdcc Tritanomaly 0.01% of the population

#54cfb2 hex color

#54cfb2 Color Information

#54cfb2 Color Conversion

Color Schemes with #54cfb2

Alternatives to #54cfb2

#54cfb2 Preview

Shades and Tints of #54cfb2

Tones of #54cfb2

Color Blindness Simulator