#0478a0 hex color

In a RGB color space, hex #0478a0 is composed of 1.6% red, 47.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 25% magenta, 0% yellow and 37.3% black. It has a hue angle of 195.4 degrees, a saturation of 95.1% and a lightness of 32.2%. #0478a0 color hex could be obtained by blending #08f0ff with #000041. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 47
- B 63
RGB color chart
- C 98
- M 25
- Y 0
- K 37
CMYK color chart

● #0478a0 color description : Dark blue.

The hexadecimal color #0478a0 has RGB values of R:4, G:120, B:160 and CMYK values of C:0.98, M:0.25, Y:0, K:0.37. Its decimal value is 293024.

Hex triplet	0478a0	`#0478a0`
RGB Decimal	4, 120, 160	`rgb(4,120,160)`
RGB Percent	1.6, 47.1, 62.7	`rgb(1.6%,47.1%,62.7%)`
CMYK	98, 25, 0, 37
HSL	195.4°, 95.1, 32.2	`hsl(195.4,95.1%,32.2%)`
HSV (or HSB)	195.4°, 97.5, 62.7
Web Safe	006699	`#006699`

CIE-LAB	46.969, -13.076, -29.283
XYZ	13.11, 15.996, 35.652
xyY	0.202, 0.247, 15.996
CIE-LCH	46.969, 32.07, 245.937
CIE-LUV	46.969, -31.856, -41.794
Hunter-Lab	39.994, -11.478, -24.857
Binary	00000100, 01111000, 10100000

#0478a0
```
#0478a0 rgb(4,120,160)
```
#a02c04
```
#a02c04 rgb(160,44,4)
```

Complementary Color

#04a07a
```
#04a07a rgb(4,160,122)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```

Analogous Color

#a07a04
```
#a07a04 rgb(160,122,4)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#a0042a
```
#a0042a rgb(160,4,42)
```

Split Complementary Color

#78a004
```
#78a004 rgb(120,160,4)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#a00478
```
#a00478 rgb(160,4,120)
```

Triadic Color

#04a02c
```
#04a02c rgb(4,160,44)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#a00478
```
#a00478 rgb(160,4,120)
```
#a02c04
```
#a02c04 rgb(160,44,4)
```

Tetradic Color

#024055
```
#024055 rgb(2,64,85)
```
#03536e
```
#03536e rgb(3,83,110)
```
#036587
```
#036587 rgb(3,101,135)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#058bb9
```
#058bb9 rgb(5,139,185)
```
#059dd2
```
#059dd2 rgb(5,157,210)
```
#06b0eb
```
#06b0eb rgb(6,176,235)
```

Monochromatic Color

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

#049fa0
```
#049fa0 rgb(4,159,160)
```
#0492a0
```
#0492a0 rgb(4,146,160)
```
#0485a0
```
#0485a0 rgb(4,133,160)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#046ba0
```
#046ba0 rgb(4,107,160)
```
#045ea0
```
#045ea0 rgb(4,94,160)
```
#0451a0
```
#0451a0 rgb(4,81,160)
```

Similar Colors

Text with hexadecimal color #0478a0

This text has a font color of #0478a0.

<span style="color:#0478a0;">Text here</span>

#0478a0 background color

This paragraph has a background color of #0478a0.

<p style="background-color:#0478a0;">Content here</p>

#0478a0 border color

This element has a border color of #0478a0.

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

CSS codes

.text {color:#0478a0;}

.background {background-color:#0478a0;}

.border {border:1px solid #0478a0;}

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

#000507
```
#000507 rgb(0,5,7)
```
#01141a
```
#01141a rgb(1,20,26)
```
#01222d
```
#01222d rgb(1,34,45)
```
#023040
```
#023040 rgb(2,48,64)
```
#023f53
```
#023f53 rgb(2,63,83)
```
#034d67
```
#034d67 rgb(3,77,103)
```
#035b7a
```
#035b7a rgb(3,91,122)
```
#046a8d
```
#046a8d rgb(4,106,141)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```
#0486b3
```
#0486b3 rgb(4,134,179)
```
#0595c6
```
#0595c6 rgb(5,149,198)
```
#05a3d9
```
#05a3d9 rgb(5,163,217)
```
#06b1ed
```
#06b1ed rgb(6,177,237)
```

Shade Color Variation

#0dbcf9
```
#0dbcf9 rgb(13,188,249)
```
#20c2f9
```
#20c2f9 rgb(32,194,249)
```
#33c7fa
```
#33c7fa rgb(51,199,250)
```
#47ccfa
```
#47ccfa rgb(71,204,250)
```
#5ad2fb
```
#5ad2fb rgb(90,210,251)
```
#6dd7fb
```
#6dd7fb rgb(109,215,251)
```
#80dcfc
```
#80dcfc rgb(128,220,252)
```
#93e1fc
```
#93e1fc rgb(147,225,252)
```
#a6e7fd
```
#a6e7fd rgb(166,231,253)
```
#b9ecfd
```
#b9ecfd rgb(185,236,253)
```
#ccf1fe
```
#ccf1fe rgb(204,241,254)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#505354
```
#505354 rgb(80,83,84)
```
#49565b
```
#49565b rgb(73,86,91)
```
#435961
```
#435961 rgb(67,89,97)
```
#3d5c67
```
#3d5c67 rgb(61,92,103)
```
#365f6e
```
#365f6e rgb(54,95,110)
```
#306274
```
#306274 rgb(48,98,116)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#246980
```
#246980 rgb(36,105,128)
```
#1d6c87
```
#1d6c87 rgb(29,108,135)
```
#176f8d
```
#176f8d rgb(23,111,141)
```
#117293
```
#117293 rgb(17,114,147)
```
#0a759a
```
#0a759a rgb(10,117,154)
```
#0478a0
```
#0478a0 rgb(4,120,160)
```

Tone Color Variation

Below, you can see how #0478a0 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

#5a5a5a Achromatopsia 0.005% of the population
#496068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69759e Protanopia 1% of men
#5f76a8 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#44769e Protanomaly 1% of men, 0.01% of women
#3e76a5 Deuteranomaly 6% of men, 0.4% of women
#017e92 Tritanomaly 0.01% of the population

#0478a0 hex color

#0478a0 Color Information

#0478a0 Color Conversion

Color Schemes with #0478a0

Alternatives to #0478a0

#0478a0 Preview

Shades and Tints of #0478a0

Tones of #0478a0

Color Blindness Simulator