#54b2c5 hex color

In a RGB color space, hex #54b2c5 is composed of 32.9% red, 69.8% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 9.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 190.1 degrees, a saturation of 49.3% and a lightness of 55.1%. #54b2c5 color hex could be obtained by blending #a8ffff with #00658b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 70
- B 77
RGB color chart
- C 57
- M 10
- Y 0
- K 23
CMYK color chart

● #54b2c5 color description : Moderate cyan.

The hexadecimal color #54b2c5 has RGB values of R:84, G:178, B:197 and CMYK values of C:0.57, M:0.1, Y:0, K:0.23. Its decimal value is 5550789.

Hex triplet	54b2c5	`#54b2c5`
RGB Decimal	84, 178, 197	`rgb(84,178,197)`
RGB Percent	32.9, 69.8, 77.3	`rgb(32.9%,69.8%,77.3%)`
CMYK	57, 10, 0, 23
HSL	190.1°, 49.3, 55.1	`hsl(190.1,49.3%,55.1%)`
HSV (or HSB)	190.1°, 57.4, 77.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.839, -22.266, -18.082
XYZ	29.652, 37.755, 58.545
xyY	0.235, 0.3, 37.755
CIE-LCH	67.839, 28.683, 219.079
CIE-LUV	67.839, -38.914, -24.664
Hunter-Lab	61.445, -21.388, -13.481
Binary	01010100, 10110010, 11000101

#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#c56754
```
#c56754 rgb(197,103,84)
```

Complementary Color

#54c5a0
```
#54c5a0 rgb(84,197,160)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#547ac5
```
#547ac5 rgb(84,122,197)
```

Analogous Color

#c5a054
```
#c5a054 rgb(197,160,84)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#c5547a
```
#c5547a rgb(197,84,122)
```

Split Complementary Color

#b2c554
```
#b2c554 rgb(178,197,84)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#c554b2
```
#c554b2 rgb(197,84,178)
```

Triadic Color

#54c567
```
#54c567 rgb(84,197,103)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#c554b2
```
#c554b2 rgb(197,84,178)
```
#c56754
```
#c56754 rgb(197,103,84)
```

Tetradic Color

#348899
```
#348899 rgb(52,136,153)
```
#3a99ac
```
#3a99ac rgb(58,153,172)
```
#41a9bf
```
#41a9bf rgb(65,169,191)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#67bbcb
```
#67bbcb rgb(103,187,203)
```
#7ac3d2
```
#7ac3d2 rgb(122,195,210)
```
#8dccd8
```
#8dccd8 rgb(141,204,216)
```

Monochromatic Color

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

#54c5bc
```
#54c5bc rgb(84,197,188)
```
#54c5c5
```
#54c5c5 rgb(84,197,197)
```
#54bbc5
```
#54bbc5 rgb(84,187,197)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#54a9c5
```
#54a9c5 rgb(84,169,197)
```
#549fc5
```
#549fc5 rgb(84,159,197)
```
#5496c5
```
#5496c5 rgb(84,150,197)
```

Similar Colors

Text with hexadecimal color #54b2c5

This text has a font color of #54b2c5.

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

#54b2c5 background color

This paragraph has a background color of #54b2c5.

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

#54b2c5 border color

This element has a border color of #54b2c5.

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

CSS codes

.text {color:#54b2c5;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071113
```
#071113 rgb(7,17,19)
```
#0c1e22
```
#0c1e22 rgb(12,30,34)
```
#112b31
```
#112b31 rgb(17,43,49)
```
#15383f
```
#15383f rgb(21,56,63)
```
#1a454e
```
#1a454e rgb(26,69,78)
```
#1f525d
```
#1f525d rgb(31,82,93)
```
#245f6b
```
#245f6b rgb(36,95,107)
```
#296c7a
```
#296c7a rgb(41,108,122)
```
#2e7989
```
#2e7989 rgb(46,121,137)
```
#338697
```
#338697 rgb(51,134,151)
```
#3893a6
```
#3893a6 rgb(56,147,166)
```
#3da0b5
```
#3da0b5 rgb(61,160,181)
```

Shade Color Variation

#45abc0
```
#45abc0 rgb(69,171,192)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#63b9ca
```
#63b9ca rgb(99,185,202)
```
#71bfcf
```
#71bfcf rgb(113,191,207)
```
#80c6d4
```
#80c6d4 rgb(128,198,212)
```
#8fccd9
```
#8fccd9 rgb(143,204,217)
```
#9dd3de
```
#9dd3de rgb(157,211,222)
```
#acdae3
```
#acdae3 rgb(172,218,227)
```
#bbe0e8
```
#bbe0e8 rgb(187,224,232)
```
#c9e7ed
```
#c9e7ed rgb(201,231,237)
```
#d8edf2
```
#d8edf2 rgb(216,237,242)
```
#e6f4f7
```
#e6f4f7 rgb(230,244,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f90 is the less saturated color, while #1fd5fa is the most saturated one.

#898f90
```
#898f90 rgb(137,143,144)
```
#809599
```
#809599 rgb(128,149,153)
```
#779ba2
```
#779ba2 rgb(119,155,162)
```
#6ea0ab
```
#6ea0ab rgb(110,160,171)
```
#66a6b3
```
#66a6b3 rgb(102,166,179)
```
#5dacbc
```
#5dacbc rgb(93,172,188)
```
#54b2c5
```
#54b2c5 rgb(84,178,197)
```
#4bb8ce
```
#4bb8ce rgb(75,184,206)
```
#42bed7
```
#42bed7 rgb(66,190,215)
```
#3ac4df
```
#3ac4df rgb(58,196,223)
```
#31c9e8
```
#31c9e8 rgb(49,201,232)
```
#28cff1
```
#28cff1 rgb(40,207,241)
```
#1fd5fa
```
#1fd5fa rgb(31,213,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a8c0 Protanopia 1% of men
#a6a6cd Deuteranopia 1% of men
#5ab6c4 Tritanopia 0.001% of the population

Trichromacy

#88acc1 Protanomaly 1% of men, 0.01% of women
#88aaca Deuteranomaly 6% of men, 0.4% of women
#58b4c4 Tritanomaly 0.01% of the population

#54b2c5 hex color

#54b2c5 Color Information

#54b2c5 Color Conversion

Color Schemes with #54b2c5

Alternatives to #54b2c5

#54b2c5 Preview

Shades and Tints of #54b2c5

Tones of #54b2c5

Color Blindness Simulator