#54bfb8 hex color

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

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

● #54bfb8 color description : Moderate cyan.

The hexadecimal color #54bfb8 has RGB values of R:84, G:191, B:184 and CMYK values of C:0.56, M:0, Y:0.04, K:0.25. Its decimal value is 5554104.

Hex triplet	54bfb8	`#54bfb8`
RGB Decimal	84, 191, 184	`rgb(84,191,184)`
RGB Percent	32.9, 74.9, 72.2	`rgb(32.9%,74.9%,72.2%)`
CMYK	56, 0, 4, 25
HSL	176.1°, 45.5, 53.9	`hsl(176.1,45.5%,53.9%)`
HSV (or HSB)	176.1°, 56, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.286, -32.295, -5.776
XYZ	30.936, 42.605, 51.938
xyY	0.247, 0.34, 42.605
CIE-LCH	71.286, 32.808, 190.14
CIE-LUV	71.286, -44.479, -3.725
Hunter-Lab	65.272, -29.626, -1.487
Binary	01010100, 10111111, 10111000

#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#bf545b
```
#bf545b rgb(191,84,91)
```

Complementary Color

#54bf83
```
#54bf83 rgb(84,191,131)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#5491bf
```
#5491bf rgb(84,145,191)
```

Analogous Color

#bf8354
```
#bf8354 rgb(191,131,84)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#bf5491
```
#bf5491 rgb(191,84,145)
```

Split Complementary Color

#bfb854
```
#bfb854 rgb(191,184,84)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#b854bf
```
#b854bf rgb(184,84,191)
```

Triadic Color

#5bbf54
```
#5bbf54 rgb(91,191,84)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#b854bf
```
#b854bf rgb(184,84,191)
```
#bf545b
```
#bf545b rgb(191,84,91)
```

Tetradic Color

#36908b
```
#36908b rgb(54,144,139)
```
#3da39c
```
#3da39c rgb(61,163,156)
```
#44b6ae
```
#44b6ae rgb(68,182,174)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#67c6c0
```
#67c6c0 rgb(103,198,192)
```
#79cdc7
```
#79cdc7 rgb(121,205,199)
```
#8cd4cf
```
#8cd4cf rgb(140,212,207)
```

Monochromatic Color

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

#54bf9d
```
#54bf9d rgb(84,191,157)
```
#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)
```

Similar Colors

Text with hexadecimal color #54bfb8

This text has a font color of #54bfb8.

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

#54bfb8 background color

This paragraph has a background color of #54bfb8.

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

#54bfb8 border color

This element has a border color of #54bfb8.

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

CSS codes

.text {color:#54bfb8;}

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

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

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 #f1faf9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#050f0e
```
#050f0e rgb(5,15,14)
```
#0b1d1c
```
#0b1d1c rgb(11,29,28)
```
#102b29
```
#102b29 rgb(16,43,41)
```
#153937
```
#153937 rgb(21,57,55)
```
#1b4845
```
#1b4845 rgb(27,72,69)
```
#205652
```
#205652 rgb(32,86,82)
```
#256460
```
#256460 rgb(37,100,96)
```
#2b726e
```
#2b726e rgb(43,114,110)
```
#30817b
```
#30817b rgb(48,129,123)
```
#368f89
```
#368f89 rgb(54,143,137)
```
#3b9d97
```
#3b9d97 rgb(59,157,151)
```
#40aca5
```
#40aca5 rgb(64,172,165)
```

Shade Color Variation

#46bab2
```
#46bab2 rgb(70,186,178)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#62c4be
```
#62c4be rgb(98,196,190)
```
#71cac4
```
#71cac4 rgb(113,202,196)
```
#7fcfca
```
#7fcfca rgb(127,207,202)
```
#8dd4d0
```
#8dd4d0 rgb(141,212,208)
```
#9bdad6
```
#9bdad6 rgb(155,218,214)
```
#aadfdc
```
#aadfdc rgb(170,223,220)
```
#b8e4e1
```
#b8e4e1 rgb(184,228,225)
```
#c6eae7
```
#c6eae7 rgb(198,234,231)
```
#d4efed
```
#d4efed rgb(212,239,237)
```
#e3f4f3
```
#e3f4f3 rgb(227,244,243)
```
#f1faf9
```
#f1faf9 rgb(241,250,249)
```

Tint Color Variation

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

#819291
```
#819291 rgb(129,146,145)
```
#789b99
```
#789b99 rgb(120,155,153)
```
#6fa4a0
```
#6fa4a0 rgb(111,164,160)
```
#66ada8
```
#66ada8 rgb(102,173,168)
```
#5db6b0
```
#5db6b0 rgb(93,182,176)
```
#54bfb8
```
#54bfb8 rgb(84,191,184)
```
#4bc8c0
```
#4bc8c0 rgb(75,200,192)
```
#42d1c8
```
#42d1c8 rgb(66,209,200)
```
#39dad0
```
#39dad0 rgb(57,218,208)
```
#30e3d7
```
#30e3d7 rgb(48,227,215)
```
#27ecdf
```
#27ecdf rgb(39,236,223)
```
#1ef5e7
```
#1ef5e7 rgb(30,245,231)
```
#15feef
```
#15feef rgb(21,254,239)
```

Tone Color Variation

Below, you can see how #54bfb8 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
#8fa5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b1b2 Protanopia 1% of men
#bbaec2 Deuteranopia 1% of men
#65bfcd Tritanopia 0.001% of the population

Trichromacy

#92b6b4 Protanomaly 1% of men, 0.01% of women
#95b4be Deuteranomaly 6% of men, 0.4% of women
#5fbfc5 Tritanomaly 0.01% of the population

#54bfb8 hex color

#54bfb8 Color Information

#54bfb8 Color Conversion

Color Schemes with #54bfb8

Alternatives to #54bfb8

#54bfb8 Preview

Shades and Tints of #54bfb8

Tones of #54bfb8

Color Blindness Simulator