#004baf hex color

In a RGB color space, hex #004baf is composed of 0% red, 29.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 57.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 214.3 degrees, a saturation of 100% and a lightness of 34.3%. #004baf color hex could be obtained by blending #0096ff with #00005f. Closest websafe color is: #003399.

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

● #004baf color description : Dark blue.

The hexadecimal color #004baf has RGB values of R:0, G:75, B:175 and CMYK values of C:1, M:0.57, Y:0, K:0.31. Its decimal value is 19375.

Hex triplet	004baf	`#004baf`
RGB Decimal	0, 75, 175	`rgb(0,75,175)`
RGB Percent	0, 29.4, 68.6	`rgb(0%,29.4%,68.6%)`
CMYK	100, 57, 0, 31
HSL	214.3°, 100, 34.3	`hsl(214.3,100%,34.3%)`
HSV (or HSB)	214.3°, 100, 68.6
Web Safe	003399	`#003399`

CIE-LAB	34.245, 21.439, -58.476
XYZ	10.252, 8.126, 41.583
xyY	0.171, 0.136, 8.126
CIE-LCH	34.245, 62.282, 290.134
CIE-LUV	34.245, -17.01, -81.754
Hunter-Lab	28.507, 14.309, -66.532
Binary	00000000, 01001011, 10101111

#004baf
```
#004baf rgb(0,75,175)
```
#af6400
```
#af6400 rgb(175,100,0)
```

Complementary Color

#00a3af
```
#00a3af rgb(0,163,175)
```
#004baf
```
#004baf rgb(0,75,175)
```
#0d00af
```
#0d00af rgb(13,0,175)
```

Analogous Color

#a3af00
```
#a3af00 rgb(163,175,0)
```
#004baf
```
#004baf rgb(0,75,175)
```
#af0d00
```
#af0d00 rgb(175,13,0)
```

Split Complementary Color

#4baf00
```
#4baf00 rgb(75,175,0)
```
#004baf
```
#004baf rgb(0,75,175)
```
#af004b
```
#af004b rgb(175,0,75)
```

Triadic Color

#00af64
```
#00af64 rgb(0,175,100)
```
#004baf
```
#004baf rgb(0,75,175)
```
#af004b
```
#af004b rgb(175,0,75)
```
#af6400
```
#af6400 rgb(175,100,0)
```

Tetradic Color

#002a63
```
#002a63 rgb(0,42,99)
```
#00357c
```
#00357c rgb(0,53,124)
```
#004096
```
#004096 rgb(0,64,150)
```
#004baf
```
#004baf rgb(0,75,175)
```
#0056c9
```
#0056c9 rgb(0,86,201)
```
#0061e2
```
#0061e2 rgb(0,97,226)
```
#006cfc
```
#006cfc rgb(0,108,252)
```

Monochromatic Color

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

#0077af
```
#0077af rgb(0,119,175)
```
#0068af
```
#0068af rgb(0,104,175)
```
#005aaf
```
#005aaf rgb(0,90,175)
```
#004baf
```
#004baf rgb(0,75,175)
```
#003caf
```
#003caf rgb(0,60,175)
```
#002eaf
```
#002eaf rgb(0,46,175)
```
#001faf
```
#001faf rgb(0,31,175)
```

Similar Colors

Text with hexadecimal color #004baf

This text has a font color of #004baf.

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

#004baf background color

This paragraph has a background color of #004baf.

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

#004baf border color

This element has a border color of #004baf.

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

CSS codes

.text {color:#004baf;}

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

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

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)
```
#001026
```
#001026 rgb(0,16,38)
```
#001939
```
#001939 rgb(0,25,57)
```
#00214d
```
#00214d rgb(0,33,77)
```
#002961
```
#002961 rgb(0,41,97)
```
#003274
```
#003274 rgb(0,50,116)
```
#003a88
```
#003a88 rgb(0,58,136)
```
#00439b
```
#00439b rgb(0,67,155)
```
#004baf
```
#004baf rgb(0,75,175)
```
#0053c3
```
#0053c3 rgb(0,83,195)
```
#005cd6
```
#005cd6 rgb(0,92,214)
```
#0064ea
```
#0064ea rgb(0,100,234)
```
#006dfd
```
#006dfd rgb(0,109,253)
```

Shade Color Variation

#1278ff
```
#1278ff rgb(18,120,255)
```
#2683ff
```
#2683ff rgb(38,131,255)
```
#398eff
```
#398eff rgb(57,142,255)
```
#4d99ff
```
#4d99ff rgb(77,153,255)
```
#61a4ff
```
#61a4ff rgb(97,164,255)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#88bbff
```
#88bbff rgb(136,187,255)
```
#9bc6ff
```
#9bc6ff rgb(155,198,255)
```
#afd1ff
```
#afd1ff rgb(175,209,255)
```
#c3dcff
```
#c3dcff rgb(195,220,255)
```
#d6e8ff
```
#d6e8ff rgb(214,232,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 #004baf is the most saturated one.

#51575e
```
#51575e rgb(81,87,94)
```
#4a5665
```
#4a5665 rgb(74,86,101)
```
#43556c
```
#43556c rgb(67,85,108)
```
#3d5472
```
#3d5472 rgb(61,84,114)
```
#365379
```
#365379 rgb(54,83,121)
```
#2f5280
```
#2f5280 rgb(47,82,128)
```
#285187
```
#285187 rgb(40,81,135)
```
#22508d
```
#22508d rgb(34,80,141)
```
#1b4f94
```
#1b4f94 rgb(27,79,148)
```
#144e9b
```
#144e9b rgb(20,78,155)
```
#0d4da2
```
#0d4da2 rgb(13,77,162)
```
#074ca8
```
#074ca8 rgb(7,76,168)
```
#004baf
```
#004baf rgb(0,75,175)
```

Tone Color Variation

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

Dichromacy

#0056aa Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0052ab Protanomaly 1% of men, 0.01% of women
#00559e Deuteranomaly 6% of men, 0.4% of women
#005981 Tritanomaly 0.01% of the population

#004baf hex color

#004baf Color Information

#004baf Color Conversion

Color Schemes with #004baf

Alternatives to #004baf

#004baf Preview

Shades and Tints of #004baf

Tones of #004baf

Color Blindness Simulator