#002f99 hex color

In a RGB color space, hex #002f99 is composed of 0% red, 18.4% green and 60% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.3% magenta, 0% yellow and 40% black. It has a hue angle of 221.6 degrees, a saturation of 100% and a lightness of 30%. #002f99 color hex could be obtained by blending #005eff with #000033. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 18
- B 60
RGB color chart
- C 100
- M 69
- Y 0
- K 40
CMYK color chart

● #002f99 color description : Dark blue.

The hexadecimal color #002f99 has RGB values of R:0, G:47, B:153 and CMYK values of C:1, M:0.69, Y:0, K:0.4. Its decimal value is 12185.

Hex triplet	002f99	`#002f99`
RGB Decimal	0, 47, 153	`rgb(0,47,153)`
RGB Percent	0, 18.4, 60	`rgb(0%,18.4%,60%)`
CMYK	100, 69, 0, 40
HSL	221.6°, 100, 30	`hsl(221.6,100%,30%)`
HSV (or HSB)	221.6°, 100, 60
Web Safe	003399	`#003399`

CIE-LAB	24.741, 31.604, -60.782
XYZ	6.765, 4.332, 30.615
xyY	0.162, 0.104, 4.332
CIE-LCH	24.741, 68.507, 297.472
CIE-LUV	24.741, -10.43, -73.975
Hunter-Lab	20.814, 21.591, -72.637
Binary	00000000, 00101111, 10011001

#002f99
```
#002f99 rgb(0,47,153)
```
#996a00
```
#996a00 rgb(153,106,0)
```

Complementary Color

#007c99
```
#007c99 rgb(0,124,153)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#1e0099
```
#1e0099 rgb(30,0,153)
```

Analogous Color

#7c9900
```
#7c9900 rgb(124,153,0)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#991e00
```
#991e00 rgb(153,30,0)
```

Split Complementary Color

#2f9900
```
#2f9900 rgb(47,153,0)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#99002f
```
#99002f rgb(153,0,47)
```

Triadic Color

#00996a
```
#00996a rgb(0,153,106)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#99002f
```
#99002f rgb(153,0,47)
```
#996a00
```
#996a00 rgb(153,106,0)
```

Tetradic Color

#00184d
```
#00184d rgb(0,24,77)
```
#001f66
```
#001f66 rgb(0,31,102)
```
#002780
```
#002780 rgb(0,39,128)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#0037b3
```
#0037b3 rgb(0,55,179)
```
#003fcc
```
#003fcc rgb(0,63,204)
```
#0046e6
```
#0046e6 rgb(0,70,230)
```

Monochromatic Color

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

#005599
```
#005599 rgb(0,85,153)
```
#004999
```
#004999 rgb(0,73,153)
```
#003c99
```
#003c99 rgb(0,60,153)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#002299
```
#002299 rgb(0,34,153)
```
#001699
```
#001699 rgb(0,22,153)
```
#000999
```
#000999 rgb(0,9,153)
```

Similar Colors

Text with hexadecimal color #002f99

This text has a font color of #002f99.

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

#002f99 background color

This paragraph has a background color of #002f99.

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

#002f99 border color

This element has a border color of #002f99.

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

CSS codes

.text {color:#002f99;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#000b23
```
#000b23 rgb(0,11,35)
```
#001137
```
#001137 rgb(0,17,55)
```
#00174b
```
#00174b rgb(0,23,75)
```
#001d5e
```
#001d5e rgb(0,29,94)
```
#002372
```
#002372 rgb(0,35,114)
```
#002985
```
#002985 rgb(0,41,133)
```
#002f99
```
#002f99 rgb(0,47,153)
```
#0035ad
```
#0035ad rgb(0,53,173)
```
#003bc0
```
#003bc0 rgb(0,59,192)
```
#0041d4
```
#0041d4 rgb(0,65,212)
```
#0047e7
```
#0047e7 rgb(0,71,231)
```
#004dfb
```
#004dfb rgb(0,77,251)
```

Shade Color Variation

#1059ff
```
#1059ff rgb(16,89,255)
```
#2367ff
```
#2367ff rgb(35,103,255)
```
#3774ff
```
#3774ff rgb(55,116,255)
```
#4b82ff
```
#4b82ff rgb(75,130,255)
```
#5e90ff
```
#5e90ff rgb(94,144,255)
```
#729dff
```
#729dff rgb(114,157,255)
```
#85abff
```
#85abff rgb(133,171,255)
```
#99b8ff
```
#99b8ff rgb(153,184,255)
```
#adc6ff
```
#adc6ff rgb(173,198,255)
```
#c0d4ff
```
#c0d4ff rgb(192,212,255)
```
#d4e1ff
```
#d4e1ff rgb(212,225,255)
```
#e7efff
```
#e7efff rgb(231,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#474a52
```
#474a52 rgb(71,74,82)
```
#414858
```
#414858 rgb(65,72,88)
```
#3b465e
```
#3b465e rgb(59,70,94)
```
#354364
```
#354364 rgb(53,67,100)
```
#2f416a
```
#2f416a rgb(47,65,106)
```
#293f70
```
#293f70 rgb(41,63,112)
```
#233d76
```
#233d76 rgb(35,61,118)
```
#1d3a7c
```
#1d3a7c rgb(29,58,124)
```
#183881
```
#183881 rgb(24,56,129)
```
#123687
```
#123687 rgb(18,54,135)
```
#0c348d
```
#0c348d rgb(12,52,141)
```
#063193
```
#063193 rgb(6,49,147)
```
#002f99
```
#002f99 rgb(0,47,153)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#242d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#003b8a Protanomaly 1% of men, 0.01% of women
#003e7f Deuteranomaly 6% of men, 0.4% of women
#00416a Tritanomaly 0.01% of the population

#002f99 hex color

#002f99 Color Information

#002f99 Color Conversion

Color Schemes with #002f99

Alternatives to #002f99

#002f99 Preview

Shades and Tints of #002f99

Tones of #002f99

Color Blindness Simulator