#00a558 hex color

In a RGB color space, hex #00a558 is composed of 0% red, 64.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 46.7% yellow and 35.3% black. It has a hue angle of 152 degrees, a saturation of 100% and a lightness of 32.4%. #00a558 color hex could be obtained by blending #00ffb0 with #004b00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 0
- G 65
- B 35
RGB color chart
- C 100
- M 0
- Y 47
- K 35
CMYK color chart

● #00a558 color description : Dark cyan - lime green.

The hexadecimal color #00a558 has RGB values of R:0, G:165, B:88 and CMYK values of C:1, M:0, Y:0.47, K:0.35. Its decimal value is 42328.

Hex triplet	00a558	`#00a558`
RGB Decimal	0, 165, 88	`rgb(0,165,88)`
RGB Percent	0, 64.7, 34.5	`rgb(0%,64.7%,34.5%)`
CMYK	100, 0, 47, 35
HSL	152°, 100, 32.4	`hsl(152,100%,32.4%)`
HSV (or HSB)	152°, 100, 64.7
Web Safe	009966	`#009966`

CIE-LAB	59.538, -54.104, 29.872
XYZ	15.215, 27.613, 13.76
xyY	0.269, 0.488, 27.613
CIE-LCH	59.538, 61.803, 151.096
CIE-LUV	59.538, -53.047, 46.167
Hunter-Lab	52.548, -40.274, 21.258
Binary	00000000, 10100101, 01011000

#00a558
```
#00a558 rgb(0,165,88)
```
#a5004d
```
#a5004d rgb(165,0,77)
```

Complementary Color

#00a506
```
#00a506 rgb(0,165,6)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#00a0a5
```
#00a0a5 rgb(0,160,165)
```

Analogous Color

#a50600
```
#a50600 rgb(165,6,0)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#a500a0
```
#a500a0 rgb(165,0,160)
```

Split Complementary Color

#a55800
```
#a55800 rgb(165,88,0)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#5800a5
```
#5800a5 rgb(88,0,165)
```

Triadic Color

#4da500
```
#4da500 rgb(77,165,0)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#5800a5
```
#5800a5 rgb(88,0,165)
```
#a5004d
```
#a5004d rgb(165,0,77)
```

Tetradic Color

#00592f
```
#00592f rgb(0,89,47)
```
#00723d
```
#00723d rgb(0,114,61)
```
#008c4a
```
#008c4a rgb(0,140,74)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#00bf66
```
#00bf66 rgb(0,191,102)
```
#00d873
```
#00d873 rgb(0,216,115)
```
#00f281
```
#00f281 rgb(0,242,129)
```

Monochromatic Color

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

#00a52f
```
#00a52f rgb(0,165,47)
```
#00a53d
```
#00a53d rgb(0,165,61)
```
#00a54a
```
#00a54a rgb(0,165,74)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#00a566
```
#00a566 rgb(0,165,102)
```
#00a574
```
#00a574 rgb(0,165,116)
```
#00a581
```
#00a581 rgb(0,165,129)
```

Similar Colors

Text with hexadecimal color #00a558

This text has a font color of #00a558.

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

#00a558 background color

This paragraph has a background color of #00a558.

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

#00a558 border color

This element has a border color of #00a558.

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

CSS codes

.text {color:#00a558;}

.background {background-color:#00a558;}

.border {border:1px solid #00a558;}

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

#000804
```
#000804 rgb(0,8,4)
```
#001c0f
```
#001c0f rgb(0,28,15)
```
#002f19
```
#002f19 rgb(0,47,25)
```
#004324
```
#004324 rgb(0,67,36)
```
#00572e
```
#00572e rgb(0,87,46)
```
#006a39
```
#006a39 rgb(0,106,57)
```
#007e43
```
#007e43 rgb(0,126,67)
```
#00914e
```
#00914e rgb(0,145,78)
```
#00a558
```
#00a558 rgb(0,165,88)
```
#00b962
```
#00b962 rgb(0,185,98)
```
#00cc6d
```
#00cc6d rgb(0,204,109)
```
#00e077
```
#00e077 rgb(0,224,119)
```
#00f382
```
#00f382 rgb(0,243,130)
```

Shade Color Variation

#08ff8c
```
#08ff8c rgb(8,255,140)
```
#1cff95
```
#1cff95 rgb(28,255,149)
```
#2fff9e
```
#2fff9e rgb(47,255,158)
```
#43ffa7
```
#43ffa7 rgb(67,255,167)
```
#57ffb0
```
#57ffb0 rgb(87,255,176)
```
#6affba
```
#6affba rgb(106,255,186)
```
#7effc3
```
#7effc3 rgb(126,255,195)
```
#91ffcc
```
#91ffcc rgb(145,255,204)
```
#a5ffd5
```
#a5ffd5 rgb(165,255,213)
```
#b9ffde
```
#b9ffde rgb(185,255,222)
```
#ccffe7
```
#ccffe7 rgb(204,255,231)
```
#e0fff0
```
#e0fff0 rgb(224,255,240)
```
#f3fffa
```
#f3fffa rgb(243,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c5953 is the less saturated color, while #00a558 is the most saturated one.

#4c5953
```
#4c5953 rgb(76,89,83)
```
#465f53
```
#465f53 rgb(70,95,83)
```
#3f6654
```
#3f6654 rgb(63,102,84)
```
#396c54
```
#396c54 rgb(57,108,84)
```
#337255
```
#337255 rgb(51,114,85)
```
#2c7955
```
#2c7955 rgb(44,121,85)
```
#267f55
```
#267f55 rgb(38,127,85)
```
#208556
```
#208556 rgb(32,133,86)
```
#198c56
```
#198c56 rgb(25,140,86)
```
#139257
```
#139257 rgb(19,146,87)
```
#0d9857
```
#0d9857 rgb(13,152,87)
```
#069f58
```
#069f58 rgb(6,159,88)
```
#00a558
```
#00a558 rgb(0,165,88)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#567767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39559 Protanopia 1% of men
#b08f6a Deuteranopia 1% of men
#4aa0ac Tritanopia 0.001% of the population

Trichromacy

#679a58 Protanomaly 1% of men, 0.01% of women
#709763 Deuteranomaly 6% of men, 0.4% of women
#2fa28d Tritanomaly 0.01% of the population

#00a558 hex color

#00a558 Color Information

#00a558 Color Conversion

Color Schemes with #00a558

Alternatives to #00a558

#00a558 Preview

Shades and Tints of #00a558

Tones of #00a558

Color Blindness Simulator