#557c82 hex color

In a RGB color space, hex #557c82 is composed of 33.3% red, 48.6% green and 51% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 4.6% magenta, 0% yellow and 49% black. It has a hue angle of 188 degrees, a saturation of 20.9% and a lightness of 42.2%. #557c82 color hex could be obtained by blending #aaf8ff with #000005. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 51
RGB color chart
- C 35
- M 5
- Y 0
- K 49
CMYK color chart

● #557c82 color description : Mostly desaturated dark cyan.

The hexadecimal color #557c82 has RGB values of R:85, G:124, B:130 and CMYK values of C:0.35, M:0.05, Y:0, K:0.49. Its decimal value is 5602434.

Hex triplet	557c82	`#557c82`
RGB Decimal	85, 124, 130	`rgb(85,124,130)`
RGB Percent	33.3, 48.6, 51	`rgb(33.3%,48.6%,51%)`
CMYK	35, 5, 0, 49
HSL	188°, 20.9, 42.2	`hsl(188,20.9%,42.2%)`
HSV (or HSB)	188°, 34.6, 51
Web Safe	666699	`#666699`

CIE-LAB	49.445, -11.995, -7.632
XYZ	14.982, 17.958, 23.795
xyY	0.264, 0.317, 17.958
CIE-LCH	49.445, 14.217, 212.467
CIE-LUV	49.445, -18.88, -9.004
Hunter-Lab	42.376, -11.05, -3.628
Binary	01010101, 01111100, 10000010

#557c82
```
#557c82 rgb(85,124,130)
```
#825b55
```
#825b55 rgb(130,91,85)
```

Complementary Color

#558272
```
#558272 rgb(85,130,114)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#556682
```
#556682 rgb(85,102,130)
```

Analogous Color

#827255
```
#827255 rgb(130,114,85)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#825566
```
#825566 rgb(130,85,102)
```

Split Complementary Color

#7c8255
```
#7c8255 rgb(124,130,85)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#82557c
```
#82557c rgb(130,85,124)
```

Triadic Color

#55825b
```
#55825b rgb(85,130,91)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#82557c
```
#82557c rgb(130,85,124)
```
#825b55
```
#825b55 rgb(130,91,85)
```

Tetradic Color

#375054
```
#375054 rgb(55,80,84)
```
#415f63
```
#415f63 rgb(65,95,99)
```
#4b6d73
```
#4b6d73 rgb(75,109,115)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#5f8b91
```
#5f8b91 rgb(95,139,145)
```
#6b989f
```
#6b989f rgb(107,152,159)
```
#7ba3a9
```
#7ba3a9 rgb(123,163,169)
```

Monochromatic Color

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

#55827d
```
#55827d rgb(85,130,125)
```
#558281
```
#558281 rgb(85,130,129)
```
#558082
```
#558082 rgb(85,128,130)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#557882
```
#557882 rgb(85,120,130)
```
#557582
```
#557582 rgb(85,117,130)
```
#557182
```
#557182 rgb(85,113,130)
```

Similar Colors

Text with hexadecimal color #557c82

This text has a font color of #557c82.

<span style="color:#557c82;">Text here</span>

#557c82 background color

This paragraph has a background color of #557c82.

<p style="background-color:#557c82;">Content here</p>

#557c82 border color

This element has a border color of #557c82.

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

CSS codes

.text {color:#557c82;}

.background {background-color:#557c82;}

.border {border:1px solid #557c82;}

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, #070b0b is the darkest color, while #ffffff is the lightest one.

#070b0b
```
#070b0b rgb(7,11,11)
```
#0f1617
```
#0f1617 rgb(15,22,23)
```
#172123
```
#172123 rgb(23,33,35)
```
#1f2d2f
```
#1f2d2f rgb(31,45,47)
```
#26383b
```
#26383b rgb(38,56,59)
```
#2e4347
```
#2e4347 rgb(46,67,71)
```
#364f53
```
#364f53 rgb(54,79,83)
```
#3e5a5e
```
#3e5a5e rgb(62,90,94)
```
#45656a
```
#45656a rgb(69,101,106)
```
#4d7176
```
#4d7176 rgb(77,113,118)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#5d878e
```
#5d878e rgb(93,135,142)
```
#65939a
```
#65939a rgb(101,147,154)
```

Shade Color Variation

#709ba2
```
#709ba2 rgb(112,155,162)
```
#7ca3a9
```
#7ca3a9 rgb(124,163,169)
```
#88acb1
```
#88acb1 rgb(136,172,177)
```
#94b4b9
```
#94b4b9 rgb(148,180,185)
```
#a0bcc1
```
#a0bcc1 rgb(160,188,193)
```
#acc5c8
```
#acc5c8 rgb(172,197,200)
```
#b7cdd0
```
#b7cdd0 rgb(183,205,208)
```
#c3d5d8
```
#c3d5d8 rgb(195,213,216)
```
#cfdde0
```
#cfdde0 rgb(207,221,224)
```
#dbe6e7
```
#dbe6e7 rgb(219,230,231)
```
#e7eeef
```
#e7eeef rgb(231,238,239)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#667071
```
#667071 rgb(102,112,113)
```
#5d767a
```
#5d767a rgb(93,118,122)
```
#557c82
```
#557c82 rgb(85,124,130)
```
#4d828a
```
#4d828a rgb(77,130,138)
```
#448893
```
#448893 rgb(68,136,147)
```
#3c8e9b
```
#3c8e9b rgb(60,142,155)
```
#3494a3
```
#3494a3 rgb(52,148,163)
```
#2c9aab
```
#2c9aab rgb(44,154,171)
```
#23a0b4
```
#23a0b4 rgb(35,160,180)
```
#1ba6bc
```
#1ba6bc rgb(27,166,188)
```
#13adc4
```
#13adc4 rgb(19,173,196)
```
#0bb3cc
```
#0bb3cc rgb(11,179,204)
```
#02b9d5
```
#02b9d5 rgb(2,185,213)
```

Tone Color Variation

Below, you can see how #557c82 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

#717171 Achromatopsia 0.005% of the population
#6b7374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7b84 Protanopia 1% of men
#80798b Deuteranopia 1% of men
#5e828b Tritanopia 0.001% of the population

Trichromacy

#6e7b83 Protanomaly 1% of men, 0.01% of women
#707a88 Deuteranomaly 6% of men, 0.4% of women
#5b8088 Tritanomaly 0.01% of the population

#557c82 hex color

#557c82 Color Information

#557c82 Color Conversion

Color Schemes with #557c82

Alternatives to #557c82

#557c82 Preview

Shades and Tints of #557c82

Tones of #557c82

Color Blindness Simulator