#54bdbf hex color

In a RGB color space, hex #54bdbf is composed of 32.9% red, 74.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 1% magenta, 0% yellow and 25.1% black. It has a hue angle of 181.1 degrees, a saturation of 45.5% and a lightness of 53.9%. #54bdbf color hex could be obtained by blending #a8ffff with #007b7f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 74
- B 75
RGB color chart
- C 56
- M 1
- Y 0
- K 25
CMYK color chart

● #54bdbf color description : Moderate cyan.

The hexadecimal color #54bdbf has RGB values of R:84, G:189, B:191 and CMYK values of C:0.56, M:0.01, Y:0, K:0.25. Its decimal value is 5553599.

Hex triplet	54bdbf	`#54bdbf`
RGB Decimal	84, 189, 191	`rgb(84,189,191)`
RGB Percent	32.9, 74.1, 74.9	`rgb(32.9%,74.1%,74.9%)`
CMYK	56, 1, 0, 25
HSL	181.1°, 45.5, 53.9	`hsl(181.1,45.5%,53.9%)`
HSV (or HSB)	181.1°, 56, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.898, -29.445, -10.182
XYZ	31.255, 42.039, 55.755
xyY	0.242, 0.326, 42.039
CIE-LCH	70.898, 31.156, 199.075
CIE-LUV	70.898, -43.366, -11.059
Hunter-Lab	64.838, -27.42, -5.598
Binary	01010100, 10111101, 10111111

#54bdbf
```
#54bdbf rgb(84,189,191)
```
#bf5654
```
#bf5654 rgb(191,86,84)
```

Complementary Color

#54bf8c
```
#54bf8c rgb(84,191,140)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#5488bf
```
#5488bf rgb(84,136,191)
```

Analogous Color

#bf8c54
```
#bf8c54 rgb(191,140,84)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#bf5488
```
#bf5488 rgb(191,84,136)
```

Split Complementary Color

#bdbf54
```
#bdbf54 rgb(189,191,84)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#bf54bd
```
#bf54bd rgb(191,84,189)
```

Triadic Color

#54bf56
```
#54bf56 rgb(84,191,86)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#bf54bd
```
#bf54bd rgb(191,84,189)
```
#bf5654
```
#bf5654 rgb(191,86,84)
```

Tetradic Color

#368f90
```
#368f90 rgb(54,143,144)
```
#3da1a3
```
#3da1a3 rgb(61,161,163)
```
#44b3b6
```
#44b3b6 rgb(68,179,182)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#67c4c6
```
#67c4c6 rgb(103,196,198)
```
#79cbcd
```
#79cbcd rgb(121,203,205)
```
#8cd2d4
```
#8cd2d4 rgb(140,210,212)
```

Monochromatic Color

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

#54bfa6
```
#54bfa6 rgb(84,191,166)
```
#54bfaf
```
#54bfaf rgb(84,191,175)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#54b4bf
```
#54b4bf rgb(84,180,191)
```
#54abbf
```
#54abbf rgb(84,171,191)
```
#54a2bf
```
#54a2bf rgb(84,162,191)
```

Similar Colors

Text with hexadecimal color #54bdbf

This text has a font color of #54bdbf.

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

#54bdbf background color

This paragraph has a background color of #54bdbf.

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

#54bdbf border color

This element has a border color of #54bdbf.

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

CSS codes

.text {color:#54bdbf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050e0f
```
#050e0f rgb(5,14,15)
```
#0b1c1d
```
#0b1c1d rgb(11,28,29)
```
#102b2b
```
#102b2b rgb(16,43,43)
```
#153939
```
#153939 rgb(21,57,57)
```
#1b4748
```
#1b4748 rgb(27,71,72)
```
#205556
```
#205556 rgb(32,85,86)
```
#256364
```
#256364 rgb(37,99,100)
```
#2b7172
```
#2b7172 rgb(43,113,114)
```
#307f81
```
#307f81 rgb(48,127,129)
```
#368d8f
```
#368d8f rgb(54,141,143)
```
#3b9b9d
```
#3b9b9d rgb(59,155,157)
```
#40aaac
```
#40aaac rgb(64,170,172)
```

Shade Color Variation

#46b7ba
```
#46b7ba rgb(70,183,186)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#62c3c4
```
#62c3c4 rgb(98,195,196)
```
#71c8ca
```
#71c8ca rgb(113,200,202)
```
#7fcecf
```
#7fcecf rgb(127,206,207)
```
#8dd3d4
```
#8dd3d4 rgb(141,211,212)
```
#9bd9da
```
#9bd9da rgb(155,217,218)
```
#aadedf
```
#aadedf rgb(170,222,223)
```
#b8e4e4
```
#b8e4e4 rgb(184,228,228)
```
#c6e9ea
```
#c6e9ea rgb(198,233,234)
```
#d4efef
```
#d4efef rgb(212,239,239)
```
#e3f4f4
```
#e3f4f4 rgb(227,244,244)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#819192
```
#819192 rgb(129,145,146)
```
#789a9b
```
#789a9b rgb(120,154,155)
```
#6fa3a4
```
#6fa3a4 rgb(111,163,164)
```
#66acad
```
#66acad rgb(102,172,173)
```
#5db4b6
```
#5db4b6 rgb(93,180,182)
```
#54bdbf
```
#54bdbf rgb(84,189,191)
```
#4bc6c8
```
#4bc6c8 rgb(75,198,200)
```
#42ced1
```
#42ced1 rgb(66,206,209)
```
#39d7da
```
#39d7da rgb(57,215,218)
```
#30e0e3
```
#30e0e3 rgb(48,224,227)
```
#27e9ec
```
#27e9ec rgb(39,233,236)
```
#1ef1f5
```
#1ef1f5 rgb(30,241,245)
```
#15fafe
```
#15fafe rgb(21,250,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8fa4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b0b9 Protanopia 1% of men
#b6adc9 Deuteranopia 1% of men
#62becc Tritanopia 0.001% of the population

Trichromacy

#90b5bb Protanomaly 1% of men, 0.01% of women
#92b3c5 Deuteranomaly 6% of men, 0.4% of women
#5cbec7 Tritanomaly 0.01% of the population

#54bdbf hex color

#54bdbf Color Information

#54bdbf Color Conversion

Color Schemes with #54bdbf

Alternatives to #54bdbf

#54bdbf Preview

Shades and Tints of #54bdbf

Tones of #54bdbf

Color Blindness Simulator