#002fa4 hex color

In a RGB color space, hex #002fa4 is composed of 0% red, 18.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 71.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 222.8 degrees, a saturation of 100% and a lightness of 32.2%. #002fa4 color hex could be obtained by blending #005eff with #000049. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 18
- B 64
RGB color chart
- C 100
- M 71
- Y 0
- K 36
CMYK color chart

● #002fa4 color description : Dark blue.

The hexadecimal color #002fa4 has RGB values of R:0, G:47, B:164 and CMYK values of C:1, M:0.71, Y:0, K:0.36. Its decimal value is 12196.

Hex triplet	002fa4	`#002fa4`
RGB Decimal	0, 47, 164	`rgb(0,47,164)`
RGB Percent	0, 18.4, 64.3	`rgb(0%,18.4%,64.3%)`
CMYK	100, 71, 0, 36
HSL	222.8°, 100, 32.2	`hsl(222.8,100%,32.2%)`
HSV (or HSB)	222.8°, 100, 64.3
Web Safe	003399	`#003399`

CIE-LAB	25.9, 35.894, -65.57
XYZ	7.716, 4.713, 35.623
xyY	0.161, 0.098, 4.713
CIE-LCH	25.9, 74.752, 298.697
CIE-LUV	25.9, -10.524, -80.61
Hunter-Lab	21.709, 25.454, -82.095
Binary	00000000, 00101111, 10100100

#002fa4
```
#002fa4 rgb(0,47,164)
```
#a47500
```
#a47500 rgb(164,117,0)
```

Complementary Color

#0081a4
```
#0081a4 rgb(0,129,164)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#2300a4
```
#2300a4 rgb(35,0,164)
```

Analogous Color

#81a400
```
#81a400 rgb(129,164,0)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#a42300
```
#a42300 rgb(164,35,0)
```

Split Complementary Color

#2fa400
```
#2fa400 rgb(47,164,0)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#a4002f
```
#a4002f rgb(164,0,47)
```

Triadic Color

#00a475
```
#00a475 rgb(0,164,117)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#a4002f
```
#a4002f rgb(164,0,47)
```
#a47500
```
#a47500 rgb(164,117,0)
```

Tetradic Color

#001958
```
#001958 rgb(0,25,88)
```
#002071
```
#002071 rgb(0,32,113)
```
#00288b
```
#00288b rgb(0,40,139)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#0036be
```
#0036be rgb(0,54,190)
```
#003ed7
```
#003ed7 rgb(0,62,215)
```
#0045f1
```
#0045f1 rgb(0,69,241)
```

Monochromatic Color

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

#0058a4
```
#0058a4 rgb(0,88,164)
```
#004aa4
```
#004aa4 rgb(0,74,164)
```
#003da4
```
#003da4 rgb(0,61,164)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#0021a4
```
#0021a4 rgb(0,33,164)
```
#0014a4
```
#0014a4 rgb(0,20,164)
```
#0006a4
```
#0006a4 rgb(0,6,164)
```

Similar Colors

Text with hexadecimal color #002fa4

This text has a font color of #002fa4.

<span style="color:#002fa4;">Text here</span>

#002fa4 background color

This paragraph has a background color of #002fa4.

<p style="background-color:#002fa4;">Content here</p>

#002fa4 border color

This element has a border color of #002fa4.

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

CSS codes

.text {color:#002fa4;}

.background {background-color:#002fa4;}

.border {border:1px solid #002fa4;}

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

#000207
```
#000207 rgb(0,2,7)
```
#00081b
```
#00081b rgb(0,8,27)
```
#000d2e
```
#000d2e rgb(0,13,46)
```
#001342
```
#001342 rgb(0,19,66)
```
#001956
```
#001956 rgb(0,25,86)
```
#001e69
```
#001e69 rgb(0,30,105)
```
#00247d
```
#00247d rgb(0,36,125)
```
#002990
```
#002990 rgb(0,41,144)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```
#0035b8
```
#0035b8 rgb(0,53,184)
```
#003acb
```
#003acb rgb(0,58,203)
```
#0040df
```
#0040df rgb(0,64,223)
```
#0045f2
```
#0045f2 rgb(0,69,242)
```

Shade Color Variation

#074eff
```
#074eff rgb(7,78,255)
```
#1b5cff
```
#1b5cff rgb(27,92,255)
```
#2e6aff
```
#2e6aff rgb(46,106,255)
```
#4278ff
```
#4278ff rgb(66,120,255)
```
#5686ff
```
#5686ff rgb(86,134,255)
```
#6994ff
```
#6994ff rgb(105,148,255)
```
#7da2ff
```
#7da2ff rgb(125,162,255)
```
#90b0ff
```
#90b0ff rgb(144,176,255)
```
#a4beff
```
#a4beff rgb(164,190,255)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#cbdaff
```
#cbdaff rgb(203,218,255)
```
#dfe8ff
```
#dfe8ff rgb(223,232,255)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4f58 is the less saturated color, while #002fa4 is the most saturated one.

#4c4f58
```
#4c4f58 rgb(76,79,88)
```
#454d5f
```
#454d5f rgb(69,77,95)
```
#3f4a65
```
#3f4a65 rgb(63,74,101)
```
#39476b
```
#39476b rgb(57,71,107)
```
#324572
```
#324572 rgb(50,69,114)
```
#2c4278
```
#2c4278 rgb(44,66,120)
```
#263f7e
```
#263f7e rgb(38,63,126)
```
#203c84
```
#203c84 rgb(32,60,132)
```
#193a8b
```
#193a8b rgb(25,58,139)
```
#133791
```
#133791 rgb(19,55,145)
```
#0d3497
```
#0d3497 rgb(13,52,151)
```
#06329e
```
#06329e rgb(6,50,158)
```
#002fa4
```
#002fa4 rgb(0,47,164)
```

Tone Color Variation

Below, you can see how #002fa4 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

#2e2e2e Achromatopsia 0.005% of the population
#252e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004974 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#003d91 Protanomaly 1% of men, 0.01% of women
#003f85 Deuteranomaly 6% of men, 0.4% of women
#00436f Tritanomaly 0.01% of the population

#002fa4 hex color

#002fa4 Color Information

#002fa4 Color Conversion

Color Schemes with #002fa4

Alternatives to #002fa4

#002fa4 Preview

Shades and Tints of #002fa4

Tones of #002fa4

Color Blindness Simulator