#00557a hex color

In a RGB color space, hex #00557a is composed of 0% red, 33.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 30.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 198.2 degrees, a saturation of 100% and a lightness of 23.9%. #00557a color hex could be obtained by blending #00aaf4 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 0
- G 33
- B 48
RGB color chart
- C 100
- M 30
- Y 0
- K 52
CMYK color chart

● #00557a color description : Dark blue.

The hexadecimal color #00557a has RGB values of R:0, G:85, B:122 and CMYK values of C:1, M:0.3, Y:0, K:0.52. Its decimal value is 21882.

Hex triplet	00557a	`#00557a`
RGB Decimal	0, 85, 122	`rgb(0,85,122)`
RGB Percent	0, 33.3, 47.8	`rgb(0%,33.3%,47.8%)`
CMYK	100, 30, 0, 52
HSL	198.2°, 100, 23.9	`hsl(198.2,100%,23.9%)`
HSV (or HSB)	198.2°, 100, 47.8
Web Safe	006666	`#006666`

CIE-LAB	33.777, -7.391, -27.066
XYZ	6.76, 7.901, 19.58
xyY	0.197, 0.231, 7.901
CIE-LCH	33.777, 28.057, 254.727
CIE-LUV	33.777, -22.346, -35.962
Hunter-Lab	28.11, -6.262, -21.623
Binary	00000000, 01010101, 01111010

#00557a
```
#00557a rgb(0,85,122)
```
#7a2500
```
#7a2500 rgb(122,37,0)
```

Complementary Color

#007a62
```
#007a62 rgb(0,122,98)
```
#00557a
```
#00557a rgb(0,85,122)
```
#00187a
```
#00187a rgb(0,24,122)
```

Analogous Color

#7a6200
```
#7a6200 rgb(122,98,0)
```
#00557a
```
#00557a rgb(0,85,122)
```
#7a0018
```
#7a0018 rgb(122,0,24)
```

Split Complementary Color

#557a00
```
#557a00 rgb(85,122,0)
```
#00557a
```
#00557a rgb(0,85,122)
```
#7a0055
```
#7a0055 rgb(122,0,85)
```

Triadic Color

#007a25
```
#007a25 rgb(0,122,37)
```
#00557a
```
#00557a rgb(0,85,122)
```
#7a0055
```
#7a0055 rgb(122,0,85)
```
#7a2500
```
#7a2500 rgb(122,37,0)
```

Tetradic Color

#00202e
```
#00202e rgb(0,32,46)
```
#003147
```
#003147 rgb(0,49,71)
```
#004361
```
#004361 rgb(0,67,97)
```
#00557a
```
#00557a rgb(0,85,122)
```
#006794
```
#006794 rgb(0,103,148)
```
#0079ad
```
#0079ad rgb(0,121,173)
```
#008ac7
```
#008ac7 rgb(0,138,199)
```

Monochromatic Color

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

#00747a
```
#00747a rgb(0,116,122)
```
#00697a
```
#00697a rgb(0,105,122)
```
#005f7a
```
#005f7a rgb(0,95,122)
```
#00557a
```
#00557a rgb(0,85,122)
```
#004b7a
```
#004b7a rgb(0,75,122)
```
#00417a
```
#00417a rgb(0,65,122)
```
#00377a
```
#00377a rgb(0,55,122)
```

Similar Colors

Text with hexadecimal color #00557a

This text has a font color of #00557a.

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

#00557a background color

This paragraph has a background color of #00557a.

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

#00557a border color

This element has a border color of #00557a.

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

CSS codes

.text {color:#00557a;}

.background {background-color:#00557a;}

.border {border:1px solid #00557a;}

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

#000304
```
#000304 rgb(0,3,4)
```
#001118
```
#001118 rgb(0,17,24)
```
#001e2c
```
#001e2c rgb(0,30,44)
```
#002c3f
```
#002c3f rgb(0,44,63)
```
#003a53
```
#003a53 rgb(0,58,83)
```
#004766
```
#004766 rgb(0,71,102)
```
#00557a
```
#00557a rgb(0,85,122)
```
#00638e
```
#00638e rgb(0,99,142)
```
#0070a1
```
#0070a1 rgb(0,112,161)
```
#007eb5
```
#007eb5 rgb(0,126,181)
```
#008cc8
```
#008cc8 rgb(0,140,200)
```
#0099dc
```
#0099dc rgb(0,153,220)
```
#00a7f0
```
#00a7f0 rgb(0,167,240)
```

Shade Color Variation

#04b3ff
```
#04b3ff rgb(4,179,255)
```
#18b9ff
```
#18b9ff rgb(24,185,255)
```
#2cbfff
```
#2cbfff rgb(44,191,255)
```
#3fc5ff
```
#3fc5ff rgb(63,197,255)
```
#53cbff
```
#53cbff rgb(83,203,255)
```
#66d1ff
```
#66d1ff rgb(102,209,255)
```
#7ad7ff
```
#7ad7ff rgb(122,215,255)
```
#8eddff
```
#8eddff rgb(142,221,255)
```
#a1e3ff
```
#a1e3ff rgb(161,227,255)
```
#b5e9ff
```
#b5e9ff rgb(181,233,255)
```
#c8eeff
```
#c8eeff rgb(200,238,255)
```
#dcf4ff
```
#dcf4ff rgb(220,244,255)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383f42 is the less saturated color, while #00557a is the most saturated one.

#383f42
```
#383f42 rgb(56,63,66)
```
#344146
```
#344146 rgb(52,65,70)
```
#2f434b
```
#2f434b rgb(47,67,75)
```
#2a4450
```
#2a4450 rgb(42,68,80)
```
#264654
```
#264654 rgb(38,70,84)
```
#214859
```
#214859 rgb(33,72,89)
```
#1c4a5e
```
#1c4a5e rgb(28,74,94)
```
#174c63
```
#174c63 rgb(23,76,99)
```
#134e67
```
#134e67 rgb(19,78,103)
```
#0e4f6c
```
#0e4f6c rgb(14,79,108)
```
#095171
```
#095171 rgb(9,81,113)
```
#055375
```
#055375 rgb(5,83,117)
```
#00557a
```
#00557a rgb(0,85,122)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#33444c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b577c Protanopia 1% of men
#415883 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#30567b Protanomaly 1% of men, 0.01% of women
#29577f Deuteranomaly 6% of men, 0.4% of women
#005c6e Tritanomaly 0.01% of the population

#00557a hex color

#00557a Color Information

#00557a Color Conversion

Color Schemes with #00557a

Alternatives to #00557a

#00557a Preview

Shades and Tints of #00557a

Tones of #00557a

Color Blindness Simulator