colorhexa.com

#557263 hex color

In a RGB color space, hex #557263 is composed of 33.3% red, 44.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 0% magenta, 13.2% yellow and 55.3% black. It has a hue angle of 149 degrees, a saturation of 14.6% and a lightness of 39%. #557263 color hex could be obtained by blending #aae4c6 with #000000. Closest websafe color is: #666666.

- R 33
- G 45
- B 39
RGB color chart
- C 25
- M 0
- Y 13
- K 55
CMYK color chart

● #557263 color description : Very dark grayish cyan - lime green.

The hexadecimal color #557263 has RGB values of R:85, G:114, B:99 and CMYK values of C:0.25, M:0, Y:0.13, K:0.55. Its decimal value is 5599843.

Hex triplet	557263	`#557263`
RGB Decimal	85, 114, 99	`rgb(85,114,99)`
RGB Percent	33.3, 44.7, 38.8	`rgb(33.3%,44.7%,38.8%)`
CMYK	25, 0, 13, 55
HSL	149°, 14.6, 39	`hsl(149,14.6%,39%)`
HSV (or HSB)	149°, 25.4, 44.7
Web Safe	666666	`#666666`

CIE-LAB	45.451, -13.935, 4.908
XYZ	12.015, 14.866, 14.04
xyY	0.294, 0.363, 14.866
CIE-LCH	45.451, 14.774, 160.598
CIE-LUV	45.451, -14.428, 8.543
Hunter-Lab	38.557, -11.85, 5.4
Binary	01010101, 01110010, 01100011

#557263
```
#557263 rgb(85,114,99)
```
#725564
```
#725564 rgb(114,85,100)
```

Complementary Color

#567255
```
#567255 rgb(86,114,85)
```
#557263
```
#557263 rgb(85,114,99)
```
#557272
```
#557272 rgb(85,114,114)
```

Analogous Color

#725556
```
#725556 rgb(114,85,86)
```
#557263
```
#557263 rgb(85,114,99)
```
#725572
```
#725572 rgb(114,85,114)
```

Split Complementary Color

#726355
```
#726355 rgb(114,99,85)
```
#557263
```
#557263 rgb(85,114,99)
```
#635572
```
#635572 rgb(99,85,114)
```

Triadic Color

#647255
```
#647255 rgb(100,114,85)
```
#557263
```
#557263 rgb(85,114,99)
```
#635572
```
#635572 rgb(99,85,114)
```
#725564
```
#725564 rgb(114,85,100)
```

Tetradic Color

#34463d
```
#34463d rgb(52,70,61)
```
#3f554a
```
#3f554a rgb(63,85,74)
```
#4a6356
```
#4a6356 rgb(74,99,86)
```
#557263
```
#557263 rgb(85,114,99)
```
#608170
```
#608170 rgb(96,129,112)
```
#6b8f7c
```
#6b8f7c rgb(107,143,124)
```
#799b89
```
#799b89 rgb(121,155,137)
```

Monochromatic Color

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

#55725c
```
#55725c rgb(85,114,92)
```
#55725e
```
#55725e rgb(85,114,94)
```
#557261
```
#557261 rgb(85,114,97)
```
#557263
```
#557263 rgb(85,114,99)
```
#557265
```
#557265 rgb(85,114,101)
```
#557268
```
#557268 rgb(85,114,104)
```
#55726a
```
#55726a rgb(85,114,106)
```

Similar Colors

Text with hexadecimal color #557263

This text has a font color of #557263.

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

#557263 background color

This paragraph has a background color of #557263.

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

#557263 border color

This element has a border color of #557263.

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

CSS codes

.text {color:#557263;}

.background {background-color:#557263;}

.border {border:1px solid #557263;}

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0d0b
```
#0a0d0b rgb(10,13,11)
```
#121815
```
#121815 rgb(18,24,21)
```
#1a231f
```
#1a231f rgb(26,35,31)
```
#232f28
```
#232f28 rgb(35,47,40)
```
#2b3a32
```
#2b3a32 rgb(43,58,50)
```
#33453c
```
#33453c rgb(51,69,60)
```
#3c5046
```
#3c5046 rgb(60,80,70)
```
#445c4f
```
#445c4f rgb(68,92,79)
```
#4d6759
```
#4d6759 rgb(77,103,89)
```
#557263
```
#557263 rgb(85,114,99)
```
#5d7d6d
```
#5d7d6d rgb(93,125,109)
```
#668877
```
#668877 rgb(102,136,119)
```

Shade Color Variation

#6f9380
```
#6f9380 rgb(111,147,128)
```
#7a9c8a
```
#7a9c8a rgb(122,156,138)
```
#85a494
```
#85a494 rgb(133,164,148)
```
#90ac9e
```
#90ac9e rgb(144,172,158)
```
#9bb5a8
```
#9bb5a8 rgb(155,181,168)
```
#a7bdb2
```
#a7bdb2 rgb(167,189,178)
```
#b2c6bb
```
#b2c6bb rgb(178,198,187)
```
#bdcec5
```
#bdcec5 rgb(189,206,197)
```
#c8d6cf
```
#c8d6cf rgb(200,214,207)
```
#d4dfd9
```
#d4dfd9 rgb(212,223,217)
```
#dfe7e3
```
#dfe7e3 rgb(223,231,227)
```
#eaefed
```
#eaefed rgb(234,239,237)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6a63 is the less saturated color, while #01c660 is the most saturated one.

#5d6a63
```
#5d6a63 rgb(93,106,99)
```
#557263
```
#557263 rgb(85,114,99)
```
#4d7a63
```
#4d7a63 rgb(77,122,99)
```
#468162
```
#468162 rgb(70,129,98)
```
#3e8962
```
#3e8962 rgb(62,137,98)
```
#369162
```
#369162 rgb(54,145,98)
```
#2f9862
```
#2f9862 rgb(47,152,98)
```
#27a061
```
#27a061 rgb(39,160,97)
```
#1fa861
```
#1fa861 rgb(31,168,97)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#10b761
```
#10b761 rgb(16,183,97)
```
#08bf60
```
#08bf60 rgb(8,191,96)
```
#01c660
```
#01c660 rgb(1,198,96)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777267 Protanopia 1% of men
#7f6f6e Deuteranopia 1% of men
#62767e Tritanopia 0.001% of the population

Trichromacy

#6b7266 Protanomaly 1% of men, 0.01% of women
#70706a Deuteranomaly 6% of men, 0.4% of women
#5d7474 Tritanomaly 0.01% of the population