#54cbbd hex color

In a RGB color space, hex #54cbbd is composed of 32.9% red, 79.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 0% magenta, 6.9% yellow and 20.4% black. It has a hue angle of 172.9 degrees, a saturation of 53.4% and a lightness of 56.3%. #54cbbd color hex could be obtained by blending #a8ffff with #00977b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 80
- B 74
RGB color chart
- C 59
- M 0
- Y 7
- K 20
CMYK color chart

● #54cbbd color description : Moderate cyan.

The hexadecimal color #54cbbd has RGB values of R:84, G:203, B:189 and CMYK values of C:0.59, M:0, Y:0.07, K:0.2. Its decimal value is 5557181.

Hex triplet	54cbbd	`#54cbbd`
RGB Decimal	84, 203, 189	`rgb(84,203,189)`
RGB Percent	32.9, 79.6, 74.1	`rgb(32.9%,79.6%,74.1%)`
CMYK	59, 0, 7, 20
HSL	172.9°, 53.4, 56.3	`hsl(172.9,53.4%,56.3%)`
HSV (or HSB)	172.9°, 58.6, 79.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.994, -36.602, -3.026
XYZ	34.195, 48.268, 55.656
xyY	0.248, 0.349, 48.268
CIE-LCH	74.994, 36.727, 184.726
CIE-LUV	74.994, -48.747, 1.176
Hunter-Lab	69.475, -33.727, 1.136
Binary	01010100, 11001011, 10111101

#54cbbd
```
#54cbbd rgb(84,203,189)
```
#cb5462
```
#cb5462 rgb(203,84,98)
```

Complementary Color

#54cb82
```
#54cb82 rgb(84,203,130)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#549ecb
```
#549ecb rgb(84,158,203)
```

Analogous Color

#cb8254
```
#cb8254 rgb(203,130,84)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#cb549e
```
#cb549e rgb(203,84,158)
```

Split Complementary Color

#cbbd54
```
#cbbd54 rgb(203,189,84)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#bd54cb
```
#bd54cb rgb(189,84,203)
```

Triadic Color

#62cb54
```
#62cb54 rgb(98,203,84)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#bd54cb
```
#bd54cb rgb(189,84,203)
```
#cb5462
```
#cb5462 rgb(203,84,98)
```

Tetradic Color

#31a194
```
#31a194 rgb(49,161,148)
```
#37b5a6
```
#37b5a6 rgb(55,181,166)
```
#40c5b5
```
#40c5b5 rgb(64,197,181)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#68d1c5
```
#68d1c5 rgb(104,209,197)
```
#7bd7cc
```
#7bd7cc rgb(123,215,204)
```
#8fddd4
```
#8fddd4 rgb(143,221,212)
```

Monochromatic Color

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

#54cb9f
```
#54cb9f rgb(84,203,159)
```
#54cba9
```
#54cba9 rgb(84,203,169)
```
#54cbb3
```
#54cbb3 rgb(84,203,179)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#54cbc7
```
#54cbc7 rgb(84,203,199)
```
#54c5cb
```
#54c5cb rgb(84,197,203)
```
#54bbcb
```
#54bbcb rgb(84,187,203)
```

Similar Colors

Text with hexadecimal color #54cbbd

This text has a font color of #54cbbd.

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

#54cbbd background color

This paragraph has a background color of #54cbbd.

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

#54cbbd border color

This element has a border color of #54cbbd.

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

CSS codes

.text {color:#54cbbd;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#071917
```
#071917 rgb(7,25,23)
```
#0c2824
```
#0c2824 rgb(12,40,36)
```
#113732
```
#113732 rgb(17,55,50)
```
#154640
```
#154640 rgb(21,70,64)
```
#1a554e
```
#1a554e rgb(26,85,78)
```
#1e645c
```
#1e645c rgb(30,100,92)
```
#237369
```
#237369 rgb(35,115,105)
```
#278277
```
#278277 rgb(39,130,119)
```
#2c9185
```
#2c9185 rgb(44,145,133)
```
#31a093
```
#31a093 rgb(49,160,147)
```
#35afa1
```
#35afa1 rgb(53,175,161)
```
#3abeae
```
#3abeae rgb(58,190,174)
```

Shade Color Variation

#45c6b7
```
#45c6b7 rgb(69,198,183)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#63d0c3
```
#63d0c3 rgb(99,208,195)
```
#72d4c9
```
#72d4c9 rgb(114,212,201)
```
#81d9ce
```
#81d9ce rgb(129,217,206)
```
#90ddd4
```
#90ddd4 rgb(144,221,212)
```
#9fe2da
```
#9fe2da rgb(159,226,218)
```
#aee6e0
```
#aee6e0 rgb(174,230,224)
```
#bdebe6
```
#bdebe6 rgb(189,235,230)
```
#ccf0eb
```
#ccf0eb rgb(204,240,235)
```
#dbf4f1
```
#dbf4f1 rgb(219,244,241)
```
#eaf9f7
```
#eaf9f7 rgb(234,249,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#879896
```
#879896 rgb(135,152,150)
```
#7fa09c
```
#7fa09c rgb(127,160,156)
```
#76a9a3
```
#76a9a3 rgb(118,169,163)
```
#6eb1a9
```
#6eb1a9 rgb(110,177,169)
```
#65bab0
```
#65bab0 rgb(101,186,176)
```
#5dc2b6
```
#5dc2b6 rgb(93,194,182)
```
#54cbbd
```
#54cbbd rgb(84,203,189)
```
#4bd4c4
```
#4bd4c4 rgb(75,212,196)
```
#43dcca
```
#43dcca rgb(67,220,202)
```
#3ae5d1
```
#3ae5d1 rgb(58,229,209)
```
#32edd7
```
#32edd7 rgb(50,237,215)
```
#29f6de
```
#29f6de rgb(41,246,222)
```
#21fee4
```
#21fee4 rgb(33,254,228)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#96adab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bbb6 Protanopia 1% of men
#c7b7c8 Deuteranopia 1% of men
#68c9d8 Tritanopia 0.001% of the population

Trichromacy

#99c1b9 Protanomaly 1% of men, 0.01% of women
#9dbec4 Deuteranomaly 6% of men, 0.4% of women
#61cace Tritanomaly 0.01% of the population

#54cbbd hex color

#54cbbd Color Information

#54cbbd Color Conversion

Color Schemes with #54cbbd

Alternatives to #54cbbd

#54cbbd Preview

Shades and Tints of #54cbbd

Tones of #54cbbd

Color Blindness Simulator