colorhexa.com

#06557c hex color

In a RGB color space, hex #06557c is composed of 2.4% red, 33.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 31.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 199.8 degrees, a saturation of 90.8% and a lightness of 25.5%. #06557c color hex could be obtained by blending #0caaf8 with #000000. Closest websafe color is: #006666.

- R 2
- G 33
- B 49
RGB color chart
- C 95
- M 31
- Y 0
- K 51
CMYK color chart

● #06557c color description : Dark blue.

The hexadecimal color #06557c has RGB values of R:6, G:85, B:124 and CMYK values of C:0.95, M:0.31, Y:0, K:0.51. Its decimal value is 415100.

Hex triplet	06557c	`#06557c`
RGB Decimal	6, 85, 124	`rgb(6,85,124)`
RGB Percent	2.4, 33.3, 48.6	`rgb(2.4%,33.3%,48.6%)`
CMYK	95, 31, 0, 51
HSL	199.8°, 90.8, 25.5	`hsl(199.8,90.8%,25.5%)`
HSV (or HSB)	199.8°, 95.2, 48.6
Web Safe	006666	`#006666`

CIE-LAB	33.963, -6.165, -28.006
XYZ	6.961, 7.99, 20.243
xyY	0.198, 0.227, 7.99
CIE-LCH	33.963, 28.676, 257.585
CIE-LUV	33.963, -21.801, -37.482
Hunter-Lab	28.267, -5.512, -22.673
Binary	00000110, 01010101, 01111100

#06557c
```
#06557c rgb(6,85,124)
```
#7c2d06
```
#7c2d06 rgb(124,45,6)
```

Complementary Color

#067c68
```
#067c68 rgb(6,124,104)
```
#06557c
```
#06557c rgb(6,85,124)
```
#061a7c
```
#061a7c rgb(6,26,124)
```

Analogous Color

#7c6806
```
#7c6806 rgb(124,104,6)
```
#06557c
```
#06557c rgb(6,85,124)
```
#7c061a
```
#7c061a rgb(124,6,26)
```

Split Complementary Color

#022333
```
#022333 rgb(2,35,51)
```
#04344b
```
#04344b rgb(4,52,75)
```
#054464
```
#054464 rgb(5,68,100)
```
#06557c
```
#06557c rgb(6,85,124)
```
#076694
```
#076694 rgb(7,102,148)
```
#0876ad
```
#0876ad rgb(8,118,173)
```
#0a87c5
```
#0a87c5 rgb(10,135,197)
```

Monochromatic Color

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

#06737c
```
#06737c rgb(6,115,124)
```
#06697c
```
#06697c rgb(6,105,124)
```
#065f7c
```
#065f7c rgb(6,95,124)
```
#06557c
```
#06557c rgb(6,85,124)
```
#064b7c
```
#064b7c rgb(6,75,124)
```
#06417c
```
#06417c rgb(6,65,124)
```
#06377c
```
#06377c rgb(6,55,124)
```

Similar Colors

Text with hexadecimal color #06557c

This text has a font color of #06557c.

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

#06557c background color

This paragraph has a background color of #06557c.

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

#06557c border color

This element has a border color of #06557c.

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

CSS codes

.text {color:#06557c;}

.background {background-color:#06557c;}

.border {border:1px solid #06557c;}

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, #01080c is the darkest color, while #f8fcff is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#01151e
```
#01151e rgb(1,21,30)
```
#022231
```
#022231 rgb(2,34,49)
```
#032f44
```
#032f44 rgb(3,47,68)
```
#043b57
```
#043b57 rgb(4,59,87)
```
#054869
```
#054869 rgb(5,72,105)
```
#06557c
```
#06557c rgb(6,85,124)
```
#07628f
```
#07628f rgb(7,98,143)
```
#086fa1
```
#086fa1 rgb(8,111,161)
```
#097bb4
```
#097bb4 rgb(9,123,180)
```
#0a88c7
```
#0a88c7 rgb(10,136,199)
```
#0b95da
```
#0b95da rgb(11,149,218)
```
#0ba2ec
```
#0ba2ec rgb(11,162,236)
```

Shade Color Variation

#18abf4
```
#18abf4 rgb(24,171,244)
```
#2ab2f5
```
#2ab2f5 rgb(42,178,245)
```
#3db9f6
```
#3db9f6 rgb(61,185,246)
```
#50bff7
```
#50bff7 rgb(80,191,247)
```
#62c6f7
```
#62c6f7 rgb(98,198,247)
```
#75cdf8
```
#75cdf8 rgb(117,205,248)
```
#88d4f9
```
#88d4f9 rgb(136,212,249)
```
#9adbfa
```
#9adbfa rgb(154,219,250)
```
#ade1fb
```
#ade1fb rgb(173,225,251)
```
#c0e8fc
```
#c0e8fc rgb(192,232,252)
```
#d3effd
```
#d3effd rgb(211,239,253)
```
#e5f6fe
```
#e5f6fe rgb(229,246,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#3d4245
```
#3d4245 rgb(61,66,69)
```
#38444a
```
#38444a rgb(56,68,74)
```
#33464f
```
#33464f rgb(51,70,79)
```
#2e4754
```
#2e4754 rgb(46,71,84)
```
#294959
```
#294959 rgb(41,73,89)
```
#244b5e
```
#244b5e rgb(36,75,94)
```
#1f4d63
```
#1f4d63 rgb(31,77,99)
```
#1a4e68
```
#1a4e68 rgb(26,78,104)
```
#15506d
```
#15506d rgb(21,80,109)
```
#105272
```
#105272 rgb(16,82,114)
```
#0b5377
```
#0b5377 rgb(11,83,119)
```
#06557c
```
#06557c rgb(6,85,124)
```
#015781
```
#015781 rgb(1,87,129)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#36464e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b577e Protanopia 1% of men
#3f5884 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#32567d Protanomaly 1% of men, 0.01% of women
#2a5781 Deuteranomaly 6% of men, 0.4% of women
#025d6f Tritanomaly 0.01% of the population