#54b2b6 hex color

In a RGB color space, hex #54b2b6 is composed of 32.9% red, 69.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 2.2% magenta, 0% yellow and 28.6% black. It has a hue angle of 182.4 degrees, a saturation of 40.2% and a lightness of 52.2%. #54b2b6 color hex could be obtained by blending #a8ffff with #00656d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 70
- B 71
RGB color chart
- C 54
- M 2
- Y 0
- K 29
CMYK color chart

● #54b2b6 color description : Moderate cyan.

The hexadecimal color #54b2b6 has RGB values of R:84, G:178, B:182 and CMYK values of C:0.54, M:0.02, Y:0, K:0.29. Its decimal value is 5550774.

Hex triplet	54b2b6	`#54b2b6`
RGB Decimal	84, 178, 182	`rgb(84,178,182)`
RGB Percent	32.9, 69.8, 71.4	`rgb(32.9%,69.8%,71.4%)`
CMYK	54, 2, 0, 29
HSL	182.4°, 40.2, 52.2	`hsl(182.4,40.2%,52.2%)`
HSV (or HSB)	182.4°, 53.8, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.353, -26.516, -10.525
XYZ	28.018, 37.101, 49.938
xyY	0.244, 0.322, 37.101
CIE-LCH	67.353, 28.529, 201.649
CIE-LUV	67.353, -39.6, -11.938
Hunter-Lab	60.911, -24.487, -5.972
Binary	01010100, 10110010, 10110110

#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#b65854
```
#b65854 rgb(182,88,84)
```

Complementary Color

#54b689
```
#54b689 rgb(84,182,137)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#5481b6
```
#5481b6 rgb(84,129,182)
```

Analogous Color

#b68954
```
#b68954 rgb(182,137,84)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#b65481
```
#b65481 rgb(182,84,129)
```

Split Complementary Color

#b2b654
```
#b2b654 rgb(178,182,84)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#b654b2
```
#b654b2 rgb(182,84,178)
```

Triadic Color

#54b658
```
#54b658 rgb(84,182,88)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#b654b2
```
#b654b2 rgb(182,84,178)
```
#b65854
```
#b65854 rgb(182,88,84)
```

Tetradic Color

#398285
```
#398285 rgb(57,130,133)
```
#409397
```
#409397 rgb(64,147,151)
```
#48a5a9
```
#48a5a9 rgb(72,165,169)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#66babe
```
#66babe rgb(102,186,190)
```
#78c2c5
```
#78c2c5 rgb(120,194,197)
```
#8acacd
```
#8acacd rgb(138,202,205)
```

Monochromatic Color

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

#54b6a2
```
#54b6a2 rgb(84,182,162)
```
#54b6aa
```
#54b6aa rgb(84,182,170)
```
#54b6b2
```
#54b6b2 rgb(84,182,178)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#54aab6
```
#54aab6 rgb(84,170,182)
```
#54a2b6
```
#54a2b6 rgb(84,162,182)
```
#549ab6
```
#549ab6 rgb(84,154,182)
```

Similar Colors

Text with hexadecimal color #54b2b6

This text has a font color of #54b2b6.

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

#54b2b6 background color

This paragraph has a background color of #54b2b6.

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

#54b2b6 border color

This element has a border color of #54b2b6.

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

CSS codes

.text {color:#54b2b6;}

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

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

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

#030808
```
#030808 rgb(3,8,8)
```
#091515
```
#091515 rgb(9,21,21)
```
#0f2223
```
#0f2223 rgb(15,34,35)
```
#153031
```
#153031 rgb(21,48,49)
```
#1b3d3f
```
#1b3d3f rgb(27,61,63)
```
#214b4c
```
#214b4c rgb(33,75,76)
```
#27585a
```
#27585a rgb(39,88,90)
```
#2c6668
```
#2c6668 rgb(44,102,104)
```
#327376
```
#327376 rgb(50,115,118)
```
#388083
```
#388083 rgb(56,128,131)
```
#3e8e91
```
#3e8e91 rgb(62,142,145)
```
#449b9f
```
#449b9f rgb(68,155,159)
```
#4aa9ad
```
#4aa9ad rgb(74,169,173)
```

Shade Color Variation

#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#62b8bc
```
#62b8bc rgb(98,184,188)
```
#6fbec2
```
#6fbec2 rgb(111,190,194)
```
#7dc5c8
```
#7dc5c8 rgb(125,197,200)
```
#8bcbcd
```
#8bcbcd rgb(139,203,205)
```
#99d1d3
```
#99d1d3 rgb(153,209,211)
```
#a6d7d9
```
#a6d7d9 rgb(166,215,217)
```
#b4dddf
```
#b4dddf rgb(180,221,223)
```
#c2e4e5
```
#c2e4e5 rgb(194,228,229)
```
#d0eaeb
```
#d0eaeb rgb(208,234,235)
```
#ddf0f1
```
#ddf0f1 rgb(221,240,241)
```
#ebf6f7
```
#ebf6f7 rgb(235,246,247)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#838787
```
#838787 rgb(131,135,135)
```
#7a9090
```
#7a9090 rgb(122,144,144)
```
#70989a
```
#70989a rgb(112,152,154)
```
#67a1a3
```
#67a1a3 rgb(103,161,163)
```
#5da9ad
```
#5da9ad rgb(93,169,173)
```
#54b2b6
```
#54b2b6 rgb(84,178,182)
```
#4bbbbf
```
#4bbbbf rgb(75,187,191)
```
#41c3c9
```
#41c3c9 rgb(65,195,201)
```
#38ccd2
```
#38ccd2 rgb(56,204,210)
```
#2ed4dc
```
#2ed4dc rgb(46,212,220)
```
#25dde5
```
#25dde5 rgb(37,221,229)
```
#1ce6ee
```
#1ce6ee rgb(28,230,238)
```
#12eef8
```
#12eef8 rgb(18,238,248)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#899c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a7b1 Protanopia 1% of men
#aca4c0 Deuteranopia 1% of men
#60b4c1 Tritanopia 0.001% of the population

Trichromacy

#89abb3 Protanomaly 1% of men, 0.01% of women
#8ca9bc Deuteranomaly 6% of men, 0.4% of women
#5cb3bd Tritanomaly 0.01% of the population

#54b2b6 hex color

#54b2b6 Color Information

#54b2b6 Color Conversion

Color Schemes with #54b2b6

Alternatives to #54b2b6

#54b2b6 Preview

Shades and Tints of #54b2b6

Tones of #54b2b6

Color Blindness Simulator