#00557f hex color

In a RGB color space, hex #00557f is composed of 0% red, 33.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 33.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 199.8 degrees, a saturation of 100% and a lightness of 24.9%. #00557f color hex could be obtained by blending #00aafe with #000000. Closest websafe color is: #006666.

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

● #00557f color description : Dark blue.

The hexadecimal color #00557f has RGB values of R:0, G:85, B:127 and CMYK values of C:1, M:0.33, Y:0, K:0.5. Its decimal value is 21887.

Hex triplet	00557f	`#00557f`
RGB Decimal	0, 85, 127	`rgb(0,85,127)`
RGB Percent	0, 33.3, 49.8	`rgb(0%,33.3%,49.8%)`
CMYK	100, 33, 0, 50
HSL	199.8°, 100, 24.9	`hsl(199.8,100%,24.9%)`
HSV (or HSB)	199.8°, 100, 49.8
Web Safe	006666	`#006666`

CIE-LAB	34.042, -5.338, -29.738
XYZ	7.078, 8.029, 21.254
xyY	0.195, 0.221, 8.029
CIE-LCH	34.042, 30.213, 259.823
CIE-LUV	34.042, -22.044, -40.077
Hunter-Lab	28.335, -4.995, -24.639
Binary	00000000, 01010101, 01111111

#00557f
```
#00557f rgb(0,85,127)
```
#7f2a00
```
#7f2a00 rgb(127,42,0)
```

Complementary Color

#007f6a
```
#007f6a rgb(0,127,106)
```
#00557f
```
#00557f rgb(0,85,127)
```
#00167f
```
#00167f rgb(0,22,127)
```

Analogous Color

#7f6a00
```
#7f6a00 rgb(127,106,0)
```
#00557f
```
#00557f rgb(0,85,127)
```
#7f0016
```
#7f0016 rgb(127,0,22)
```

Split Complementary Color

#557f00
```
#557f00 rgb(85,127,0)
```
#00557f
```
#00557f rgb(0,85,127)
```
#7f0055
```
#7f0055 rgb(127,0,85)
```

Triadic Color

#007f2a
```
#007f2a rgb(0,127,42)
```
#00557f
```
#00557f rgb(0,85,127)
```
#7f0055
```
#7f0055 rgb(127,0,85)
```
#7f2a00
```
#7f2a00 rgb(127,42,0)
```

Tetradic Color

#002233
```
#002233 rgb(0,34,51)
```
#00334c
```
#00334c rgb(0,51,76)
```
#004466
```
#004466 rgb(0,68,102)
```
#00557f
```
#00557f rgb(0,85,127)
```
#006699
```
#006699 rgb(0,102,153)
```
#0077b2
```
#0077b2 rgb(0,119,178)
```
#0088cc
```
#0088cc rgb(0,136,204)
```

Monochromatic Color

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

#00757f
```
#00757f rgb(0,117,127)
```
#006a7f
```
#006a7f rgb(0,106,127)
```
#00607f
```
#00607f rgb(0,96,127)
```
#00557f
```
#00557f rgb(0,85,127)
```
#004a7f
```
#004a7f rgb(0,74,127)
```
#00407f
```
#00407f rgb(0,64,127)
```
#00357f
```
#00357f rgb(0,53,127)
```

Similar Colors

Text with hexadecimal color #00557f

This text has a font color of #00557f.

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

#00557f background color

This paragraph has a background color of #00557f.

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

#00557f border color

This element has a border color of #00557f.

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

CSS codes

.text {color:#00557f;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00131d
```
#00131d rgb(0,19,29)
```
#002031
```
#002031 rgb(0,32,49)
```
#002e44
```
#002e44 rgb(0,46,68)
```
#003b58
```
#003b58 rgb(0,59,88)
```
#00486b
```
#00486b rgb(0,72,107)
```
#00557f
```
#00557f rgb(0,85,127)
```
#006293
```
#006293 rgb(0,98,147)
```
#006fa6
```
#006fa6 rgb(0,111,166)
```
#007cba
```
#007cba rgb(0,124,186)
```
#008acd
```
#008acd rgb(0,138,205)
```
#0097e1
```
#0097e1 rgb(0,151,225)
```
#00a4f5
```
#00a4f5 rgb(0,164,245)
```

Shade Color Variation

#09aeff
```
#09aeff rgb(9,174,255)
```
#1db4ff
```
#1db4ff rgb(29,180,255)
```
#31bbff
```
#31bbff rgb(49,187,255)
```
#44c1ff
```
#44c1ff rgb(68,193,255)
```
#58c8ff
```
#58c8ff rgb(88,200,255)
```
#6bceff
```
#6bceff rgb(107,206,255)
```
#7fd5ff
```
#7fd5ff rgb(127,213,255)
```
#93dbff
```
#93dbff rgb(147,219,255)
```
#a6e2ff
```
#a6e2ff rgb(166,226,255)
```
#bae8ff
```
#bae8ff rgb(186,232,255)
```
#cdefff
```
#cdefff rgb(205,239,255)
```
#e1f5ff
```
#e1f5ff rgb(225,245,255)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#3b4144
```
#3b4144 rgb(59,65,68)
```
#364349
```
#364349 rgb(54,67,73)
```
#31444e
```
#31444e rgb(49,68,78)
```
#2c4653
```
#2c4653 rgb(44,70,83)
```
#274858
```
#274858 rgb(39,72,88)
```
#22495d
```
#22495d rgb(34,73,93)
```
#1d4b62
```
#1d4b62 rgb(29,75,98)
```
#184d67
```
#184d67 rgb(24,77,103)
```
#144e6b
```
#144e6b rgb(20,78,107)
```
#0f5070
```
#0f5070 rgb(15,80,112)
```
#0a5275
```
#0a5275 rgb(10,82,117)
```
#05537a
```
#05537a rgb(5,83,122)
```
#00557f
```
#00557f rgb(0,85,127)
```

Tone Color Variation

Below, you can see how #00557f 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
#33444d Atypical Achromatopsia 0.001% of the population

Dichromacy

#495781 Protanopia 1% of men
#3c5987 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#2e5680 Protanomaly 1% of men, 0.01% of women
#265784 Deuteranomaly 6% of men, 0.4% of women
#005d70 Tritanomaly 0.01% of the population

#00557f hex color

#00557f Color Information

#00557f Color Conversion

Color Schemes with #00557f

Alternatives to #00557f

#00557f Preview

Shades and Tints of #00557f

Tones of #00557f

Color Blindness Simulator