#02558f hex color

In a RGB color space, hex #02558f is composed of 0.8% red, 33.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 40.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 204.7 degrees, a saturation of 97.2% and a lightness of 28.4%. #02558f color hex could be obtained by blending #04aaff with #00001f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 1
- G 33
- B 56
RGB color chart
- C 99
- M 41
- Y 0
- K 44
CMYK color chart

● #02558f color description : Dark blue.

The hexadecimal color #02558f has RGB values of R:2, G:85, B:143 and CMYK values of C:0.99, M:0.41, Y:0, K:0.44. Its decimal value is 152975.

Hex triplet	02558f	`#02558f`
RGB Decimal	2, 85, 143	`rgb(2,85,143)`
RGB Percent	0.8, 33.3, 56.1	`rgb(0.8%,33.3%,56.1%)`
CMYK	99, 41, 0, 44
HSL	204.7°, 97.2, 28.4	`hsl(204.7,97.2%,28.4%)`
HSV (or HSB)	204.7°, 98.6, 56.1
Web Safe	006699	`#006699`

CIE-LAB	34.988, 1.43, -38.035
XYZ	8.23, 8.492, 27.19
xyY	0.187, 0.193, 8.492
CIE-LCH	34.988, 38.062, 272.153
CIE-LUV	34.988, -21.041, -52.954
Hunter-Lab	29.142, -0.585, -34.921
Binary	00000010, 01010101, 10001111

#02558f
```
#02558f rgb(2,85,143)
```
#8f3c02
```
#8f3c02 rgb(143,60,2)
```

Complementary Color

#028f83
```
#028f83 rgb(2,143,131)
```
#02558f
```
#02558f rgb(2,85,143)
```
#020f8f
```
#020f8f rgb(2,15,143)
```

Analogous Color

#8f8302
```
#8f8302 rgb(143,131,2)
```
#02558f
```
#02558f rgb(2,85,143)
```
#8f020f
```
#8f020f rgb(143,2,15)
```

Split Complementary Color

#558f02
```
#558f02 rgb(85,143,2)
```
#02558f
```
#02558f rgb(2,85,143)
```
#8f0255
```
#8f0255 rgb(143,2,85)
```

Triadic Color

#028f3c
```
#028f3c rgb(2,143,60)
```
#02558f
```
#02558f rgb(2,85,143)
```
#8f0255
```
#8f0255 rgb(143,2,85)
```
#8f3c02
```
#8f3c02 rgb(143,60,2)
```

Tetradic Color

#012844
```
#012844 rgb(1,40,68)
```
#01375d
```
#01375d rgb(1,55,93)
```
#024676
```
#024676 rgb(2,70,118)
```
#02558f
```
#02558f rgb(2,85,143)
```
#0264a8
```
#0264a8 rgb(2,100,168)
```
#0373c1
```
#0373c1 rgb(3,115,193)
```
#0382da
```
#0382da rgb(3,130,218)
```

Monochromatic Color

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

#02788f
```
#02788f rgb(2,120,143)
```
#026d8f
```
#026d8f rgb(2,109,143)
```
#02618f
```
#02618f rgb(2,97,143)
```
#02558f
```
#02558f rgb(2,85,143)
```
#02498f
```
#02498f rgb(2,73,143)
```
#023e8f
```
#023e8f rgb(2,62,143)
```
#02328f
```
#02328f rgb(2,50,143)
```

Similar Colors

Text with hexadecimal color #02558f

This text has a font color of #02558f.

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

#02558f background color

This paragraph has a background color of #02558f.

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

#02558f border color

This element has a border color of #02558f.

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

CSS codes

.text {color:#02558f;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00101b
```
#00101b rgb(0,16,27)
```
#011c2e
```
#011c2e rgb(1,28,46)
```
#012742
```
#012742 rgb(1,39,66)
```
#013355
```
#013355 rgb(1,51,85)
```
#013e68
```
#013e68 rgb(1,62,104)
```
#024a7c
```
#024a7c rgb(2,74,124)
```
#02558f
```
#02558f rgb(2,85,143)
```
#0260a2
```
#0260a2 rgb(2,96,162)
```
#036cb6
```
#036cb6 rgb(3,108,182)
```
#0377c9
```
#0377c9 rgb(3,119,201)
```
#0383dc
```
#0383dc rgb(3,131,220)
```
#038ef0
```
#038ef0 rgb(3,142,240)
```

Shade Color Variation

#0b99fc
```
#0b99fc rgb(11,153,252)
```
#1ea1fc
```
#1ea1fc rgb(30,161,252)
```
#32a9fc
```
#32a9fc rgb(50,169,252)
```
#45b1fc
```
#45b1fc rgb(69,177,252)
```
#58b9fd
```
#58b9fd rgb(88,185,253)
```
#6cc1fd
```
#6cc1fd rgb(108,193,253)
```
#7fc9fd
```
#7fc9fd rgb(127,201,253)
```
#93d1fd
```
#93d1fd rgb(147,209,253)
```
#a6dafe
```
#a6dafe rgb(166,218,254)
```
#b9e2fe
```
#b9e2fe rgb(185,226,254)
```
#cdeafe
```
#cdeafe rgb(205,234,254)
```
#e0f2ff
```
#e0f2ff rgb(224,242,255)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

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

#45494c
```
#45494c rgb(69,73,76)
```
#3f4a52
```
#3f4a52 rgb(63,74,82)
```
#3a4b57
```
#3a4b57 rgb(58,75,87)
```
#344c5d
```
#344c5d rgb(52,76,93)
```
#2f4d62
```
#2f4d62 rgb(47,77,98)
```
#294e68
```
#294e68 rgb(41,78,104)
```
#234f6e
```
#234f6e rgb(35,79,110)
```
#1e5073
```
#1e5073 rgb(30,80,115)
```
#185179
```
#185179 rgb(24,81,121)
```
#13527e
```
#13527e rgb(19,82,126)
```
#0d5384
```
#0d5384 rgb(13,83,132)
```
#085489
```
#085489 rgb(8,84,137)
```
#02558f
```
#02558f rgb(2,85,143)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#364752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425991 Protanopia 1% of men
#275c95 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#2a5790 Protanomaly 1% of men, 0.01% of women
#1a5993 Deuteranomaly 6% of men, 0.4% of women
#005e77 Tritanomaly 0.01% of the population

#02558f hex color

#02558f Color Information

#02558f Color Conversion

Color Schemes with #02558f

Alternatives to #02558f

#02558f Preview

Shades and Tints of #02558f

Tones of #02558f

Color Blindness Simulator