#004faf hex color

In a RGB color space, hex #004faf is composed of 0% red, 31% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.9 degrees, a saturation of 100% and a lightness of 34.3%. #004faf color hex could be obtained by blending #009eff with #00005f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 31
- B 69
RGB color chart
- C 100
- M 55
- Y 0
- K 31
CMYK color chart

● #004faf color description : Dark blue.

The hexadecimal color #004faf has RGB values of R:0, G:79, B:175 and CMYK values of C:1, M:0.55, Y:0, K:0.31. Its decimal value is 20399.

Hex triplet	004faf	`#004faf`
RGB Decimal	0, 79, 175	`rgb(0,79,175)`
RGB Percent	0, 31, 68.6	`rgb(0%,31%,68.6%)`
CMYK	100, 55, 0, 31
HSL	212.9°, 100, 34.3	`hsl(212.9,100%,34.3%)`
HSV (or HSB)	212.9°, 100, 68.6
Web Safe	006699	`#006699`

CIE-LAB	35.373, 18.723, -56.64
XYZ	10.532, 8.686, 41.677
xyY	0.173, 0.143, 8.686
CIE-LCH	35.373, 59.654, 288.292
CIE-LUV	35.373, -18.107, -80.143
Hunter-Lab	29.472, 12.212, -63.211
Binary	00000000, 01001111, 10101111

#004faf
```
#004faf rgb(0,79,175)
```
#af6000
```
#af6000 rgb(175,96,0)
```

Complementary Color

#00a7af
```
#00a7af rgb(0,167,175)
```
#004faf
```
#004faf rgb(0,79,175)
```
#0900af
```
#0900af rgb(9,0,175)
```

Analogous Color

#a7af00
```
#a7af00 rgb(167,175,0)
```
#004faf
```
#004faf rgb(0,79,175)
```
#af0800
```
#af0800 rgb(175,8,0)
```

Split Complementary Color

#4faf00
```
#4faf00 rgb(79,175,0)
```
#004faf
```
#004faf rgb(0,79,175)
```
#af004f
```
#af004f rgb(175,0,79)
```

Triadic Color

#00af60
```
#00af60 rgb(0,175,96)
```
#004faf
```
#004faf rgb(0,79,175)
```
#af004f
```
#af004f rgb(175,0,79)
```
#af6000
```
#af6000 rgb(175,96,0)
```

Tetradic Color

#002c63
```
#002c63 rgb(0,44,99)
```
#00387c
```
#00387c rgb(0,56,124)
```
#004396
```
#004396 rgb(0,67,150)
```
#004faf
```
#004faf rgb(0,79,175)
```
#005bc9
```
#005bc9 rgb(0,91,201)
```
#0066e2
```
#0066e2 rgb(0,102,226)
```
#0072fc
```
#0072fc rgb(0,114,252)
```

Monochromatic Color

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

#007baf
```
#007baf rgb(0,123,175)
```
#006caf
```
#006caf rgb(0,108,175)
```
#005eaf
```
#005eaf rgb(0,94,175)
```
#004faf
```
#004faf rgb(0,79,175)
```
#0040af
```
#0040af rgb(0,64,175)
```
#0032af
```
#0032af rgb(0,50,175)
```
#0023af
```
#0023af rgb(0,35,175)
```

Similar Colors

Text with hexadecimal color #004faf

This text has a font color of #004faf.

<span style="color:#004faf;">Text here</span>

#004faf background color

This paragraph has a background color of #004faf.

<p style="background-color:#004faf;">Content here</p>

#004faf border color

This element has a border color of #004faf.

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

CSS codes

.text {color:#004faf;}

.background {background-color:#004faf;}

.border {border:1px solid #004faf;}

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

#000812
```
#000812 rgb(0,8,18)
```
#001126
```
#001126 rgb(0,17,38)
```
#001a39
```
#001a39 rgb(0,26,57)
```
#00234d
```
#00234d rgb(0,35,77)
```
#002c61
```
#002c61 rgb(0,44,97)
```
#003474
```
#003474 rgb(0,52,116)
```
#003d88
```
#003d88 rgb(0,61,136)
```
#00469b
```
#00469b rgb(0,70,155)
```
#004faf
```
#004faf rgb(0,79,175)
```
#0058c3
```
#0058c3 rgb(0,88,195)
```
#0061d6
```
#0061d6 rgb(0,97,214)
```
#006aea
```
#006aea rgb(0,106,234)
```
#0072fd
```
#0072fd rgb(0,114,253)
```

Shade Color Variation

#127dff
```
#127dff rgb(18,125,255)
```
#2688ff
```
#2688ff rgb(38,136,255)
```
#3993ff
```
#3993ff rgb(57,147,255)
```
#4d9dff
```
#4d9dff rgb(77,157,255)
```
#61a8ff
```
#61a8ff rgb(97,168,255)
```
#74b3ff
```
#74b3ff rgb(116,179,255)
```
#88beff
```
#88beff rgb(136,190,255)
```
#9bc8ff
```
#9bc8ff rgb(155,200,255)
```
#afd3ff
```
#afd3ff rgb(175,211,255)
```
#c3deff
```
#c3deff rgb(195,222,255)
```
#d6e9ff
```
#d6e9ff rgb(214,233,255)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51575e is the less saturated color, while #004faf is the most saturated one.

#51575e
```
#51575e rgb(81,87,94)
```
#4a5665
```
#4a5665 rgb(74,86,101)
```
#43566c
```
#43566c rgb(67,86,108)
```
#3d5572
```
#3d5572 rgb(61,85,114)
```
#365479
```
#365479 rgb(54,84,121)
```
#2f5480
```
#2f5480 rgb(47,84,128)
```
#285387
```
#285387 rgb(40,83,135)
```
#22528d
```
#22528d rgb(34,82,141)
```
#1b5294
```
#1b5294 rgb(27,82,148)
```
#14519b
```
#14519b rgb(20,81,155)
```
#0d50a2
```
#0d50a2 rgb(13,80,162)
```
#0750a8
```
#0750a8 rgb(7,80,168)
```
#004faf
```
#004faf rgb(0,79,175)
```

Tone Color Variation

Below, you can see how #004faf 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
#354558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e99 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0055af Protanomaly 1% of men, 0.01% of women
#0058a1 Deuteranomaly 6% of men, 0.4% of women
#005d83 Tritanomaly 0.01% of the population

#004faf hex color

#004faf Color Information

#004faf Color Conversion

Color Schemes with #004faf

Alternatives to #004faf

#004faf Preview

Shades and Tints of #004faf

Tones of #004faf

Color Blindness Simulator