#003096 hex color

In a RGB color space, hex #003096 is composed of 0% red, 18.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 68% magenta, 0% yellow and 41.2% black. It has a hue angle of 220.8 degrees, a saturation of 100% and a lightness of 29.4%. #003096 color hex could be obtained by blending #0060ff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 19
- B 59
RGB color chart
- C 100
- M 68
- Y 0
- K 41
CMYK color chart

● #003096 color description : Dark blue.

The hexadecimal color #003096 has RGB values of R:0, G:48, B:150 and CMYK values of C:1, M:0.68, Y:0, K:0.41. Its decimal value is 12438.

Hex triplet	003096	`#003096`
RGB Decimal	0, 48, 150	`rgb(0,48,150)`
RGB Percent	0, 18.8, 58.8	`rgb(0%,18.8%,58.8%)`
CMYK	100, 68, 0, 41
HSL	220.8°, 100, 29.4	`hsl(220.8,100%,29.4%)`
HSV (or HSB)	220.8°, 100, 58.8
Web Safe	003399	`#003399`

CIE-LAB	24.688, 29.727, -59.029
XYZ	6.561, 4.315, 29.34
xyY	0.163, 0.107, 4.315
CIE-LCH	24.688, 66.091, 296.73
CIE-LUV	24.688, -10.626, -72.066
Hunter-Lab	20.773, 20.022, -69.198
Binary	00000000, 00110000, 10010110

#003096
```
#003096 rgb(0,48,150)
```
#966600
```
#966600 rgb(150,102,0)
```

Complementary Color

#007b96
```
#007b96 rgb(0,123,150)
```
#003096
```
#003096 rgb(0,48,150)
```
#1b0096
```
#1b0096 rgb(27,0,150)
```

Analogous Color

#7b9600
```
#7b9600 rgb(123,150,0)
```
#003096
```
#003096 rgb(0,48,150)
```
#961b00
```
#961b00 rgb(150,27,0)
```

Split Complementary Color

#309600
```
#309600 rgb(48,150,0)
```
#003096
```
#003096 rgb(0,48,150)
```
#960030
```
#960030 rgb(150,0,48)
```

Triadic Color

#009666
```
#009666 rgb(0,150,102)
```
#003096
```
#003096 rgb(0,48,150)
```
#960030
```
#960030 rgb(150,0,48)
```
#966600
```
#966600 rgb(150,102,0)
```

Tetradic Color

#00184a
```
#00184a rgb(0,24,74)
```
#002063
```
#002063 rgb(0,32,99)
```
#00287d
```
#00287d rgb(0,40,125)
```
#003096
```
#003096 rgb(0,48,150)
```
#0038b0
```
#0038b0 rgb(0,56,176)
```
#0040c9
```
#0040c9 rgb(0,64,201)
```
#0048e3
```
#0048e3 rgb(0,72,227)
```

Monochromatic Color

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

#005696
```
#005696 rgb(0,86,150)
```
#004996
```
#004996 rgb(0,73,150)
```
#003d96
```
#003d96 rgb(0,61,150)
```
#003096
```
#003096 rgb(0,48,150)
```
#002496
```
#002496 rgb(0,36,150)
```
#001796
```
#001796 rgb(0,23,150)
```
#000b96
```
#000b96 rgb(0,11,150)
```

Similar Colors

Text with hexadecimal color #003096

This text has a font color of #003096.

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

#003096 background color

This paragraph has a background color of #003096.

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

#003096 border color

This element has a border color of #003096.

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

CSS codes

.text {color:#003096;}

.background {background-color:#003096;}

.border {border:1px solid #003096;}

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, #00040d is the darkest color, while #f8faff is the lightest one.

#00040d
```
#00040d rgb(0,4,13)
```
#000a20
```
#000a20 rgb(0,10,32)
```
#001134
```
#001134 rgb(0,17,52)
```
#001748
```
#001748 rgb(0,23,72)
```
#001d5b
```
#001d5b rgb(0,29,91)
```
#00236f
```
#00236f rgb(0,35,111)
```
#002a82
```
#002a82 rgb(0,42,130)
```
#003096
```
#003096 rgb(0,48,150)
```
#0036aa
```
#0036aa rgb(0,54,170)
```
#003dbd
```
#003dbd rgb(0,61,189)
```
#0043d1
```
#0043d1 rgb(0,67,209)
```
#0049e4
```
#0049e4 rgb(0,73,228)
```
#004ff8
```
#004ff8 rgb(0,79,248)
```

Shade Color Variation

#0d5aff
```
#0d5aff rgb(13,90,255)
```
#2068ff
```
#2068ff rgb(32,104,255)
```
#3475ff
```
#3475ff rgb(52,117,255)
```
#4882ff
```
#4882ff rgb(72,130,255)
```
#5b90ff
```
#5b90ff rgb(91,144,255)
```
#6f9dff
```
#6f9dff rgb(111,157,255)
```
#82aaff
```
#82aaff rgb(130,170,255)
```
#96b8ff
```
#96b8ff rgb(150,184,255)
```
#aac5ff
```
#aac5ff rgb(170,197,255)
```
#bdd2ff
```
#bdd2ff rgb(189,210,255)
```
#d1e0ff
```
#d1e0ff rgb(209,224,255)
```
#e4edff
```
#e4edff rgb(228,237,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#454951
```
#454951 rgb(69,73,81)
```
#3f4757
```
#3f4757 rgb(63,71,87)
```
#3a455c
```
#3a455c rgb(58,69,92)
```
#344362
```
#344362 rgb(52,67,98)
```
#2e4168
```
#2e4168 rgb(46,65,104)
```
#283f6e
```
#283f6e rgb(40,63,110)
```
#233c73
```
#233c73 rgb(35,60,115)
```
#1d3a79
```
#1d3a79 rgb(29,58,121)
```
#17387f
```
#17387f rgb(23,56,127)
```
#113685
```
#113685 rgb(17,54,133)
```
#0c348a
```
#0c348a rgb(12,52,138)
```
#063290
```
#063290 rgb(6,50,144)
```
#003096
```
#003096 rgb(0,48,150)
```

Tone Color Variation

Below, you can see how #003096 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
#242e42 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#003b89 Protanomaly 1% of men, 0.01% of women
#003e7e Deuteranomaly 6% of men, 0.4% of women
#004168 Tritanomaly 0.01% of the population

#003096 hex color

#003096 Color Information

#003096 Color Conversion

Color Schemes with #003096

Alternatives to #003096

#003096 Preview

Shades and Tints of #003096

Tones of #003096

Color Blindness Simulator