#030aaf hex color

In a RGB color space, hex #030aaf is composed of 1.2% red, 3.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 94.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 237.6 degrees, a saturation of 96.6% and a lightness of 34.9%. #030aaf color hex could be obtained by blending #0614ff with #00005f. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 4
- B 69
RGB color chart
- C 98
- M 94
- Y 0
- K 31
CMYK color chart

● #030aaf color description : Dark blue.

The hexadecimal color #030aaf has RGB values of R:3, G:10, B:175 and CMYK values of C:0.98, M:0.94, Y:0, K:0.31. Its decimal value is 199343.

Hex triplet	030aaf	`#030aaf`
RGB Decimal	3, 10, 175	`rgb(3,10,175)`
RGB Percent	1.2, 3.9, 68.6	`rgb(1.2%,3.9%,68.6%)`
CMYK	98, 94, 0, 31
HSL	237.6°, 96.6, 34.9	`hsl(237.6,96.6%,34.9%)`
HSV (or HSB)	237.6°, 98.3, 68.6
Web Safe	000099	`#000099`

CIE-LAB	21.323, 57.167, -79.817
XYZ	7.882, 3.331, 40.783
xyY	0.152, 0.064, 3.331
CIE-LCH	21.323, 98.178, 305.611
CIE-LUV	21.323, -6.338, -83.707
Hunter-Lab	18.251, 45.153, -119.711
Binary	00000011, 00001010, 10101111

#030aaf
```
#030aaf rgb(3,10,175)
```
#afa803
```
#afa803 rgb(175,168,3)
```

Complementary Color

#0360af
```
#0360af rgb(3,96,175)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#5203af
```
#5203af rgb(82,3,175)
```

Analogous Color

#60af03
```
#60af03 rgb(96,175,3)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#af5203
```
#af5203 rgb(175,82,3)
```

Split Complementary Color

#0aaf03
```
#0aaf03 rgb(10,175,3)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#af030a
```
#af030a rgb(175,3,10)
```

Triadic Color

#03afa8
```
#03afa8 rgb(3,175,168)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#af030a
```
#af030a rgb(175,3,10)
```
#afa803
```
#afa803 rgb(175,168,3)
```

Tetradic Color

#020664
```
#020664 rgb(2,6,100)
```
#02077d
```
#02077d rgb(2,7,125)
```
#030996
```
#030996 rgb(3,9,150)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#030bc8
```
#030bc8 rgb(3,11,200)
```
#040de1
```
#040de1 rgb(4,13,225)
```
#040efa
```
#040efa rgb(4,14,250)
```

Monochromatic Color

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

#0335af
```
#0335af rgb(3,53,175)
```
#0327af
```
#0327af rgb(3,39,175)
```
#0318af
```
#0318af rgb(3,24,175)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#0a03af
```
#0a03af rgb(10,3,175)
```
#1903af
```
#1903af rgb(25,3,175)
```
#2703af
```
#2703af rgb(39,3,175)
```

Similar Colors

Text with hexadecimal color #030aaf

This text has a font color of #030aaf.

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

#030aaf background color

This paragraph has a background color of #030aaf.

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

#030aaf border color

This element has a border color of #030aaf.

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

CSS codes

.text {color:#030aaf;}

.background {background-color:#030aaf;}

.border {border:1px solid #030aaf;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000115
```
#000115 rgb(0,1,21)
```
#010228
```
#010228 rgb(1,2,40)
```
#01033b
```
#01033b rgb(1,3,59)
```
#01044f
```
#01044f rgb(1,4,79)
```
#020662
```
#020662 rgb(2,6,98)
```
#020775
```
#020775 rgb(2,7,117)
```
#020888
```
#020888 rgb(2,8,136)
```
#03099c
```
#03099c rgb(3,9,156)
```
#030aaf
```
#030aaf rgb(3,10,175)
```
#030bc2
```
#030bc2 rgb(3,11,194)
```
#040cd6
```
#040cd6 rgb(4,12,214)
```
#040de9
```
#040de9 rgb(4,13,233)
```

Shade Color Variation

#0610fb
```
#0610fb rgb(6,16,251)
```
#1922fb
```
#1922fb rgb(25,34,251)
```
#2c35fb
```
#2c35fb rgb(44,53,251)
```
#4047fc
```
#4047fc rgb(64,71,252)
```
#535afc
```
#535afc rgb(83,90,252)
```
#666cfc
```
#666cfc rgb(102,108,252)
```
#797ffd
```
#797ffd rgb(121,127,253)
```
#8d91fd
```
#8d91fd rgb(141,145,253)
```
#a0a4fd
```
#a0a4fd rgb(160,164,253)
```
#b3b6fe
```
#b3b6fe rgb(179,182,254)
```
#c7c9fe
```
#c7c9fe rgb(199,201,254)
```
#dadbfe
```
#dadbfe rgb(218,219,254)
```
#edeeff
```
#edeeff rgb(237,238,255)
```

Tint Color Variation

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

#55555d
```
#55555d rgb(85,85,93)
```
#4e4f64
```
#4e4f64 rgb(78,79,100)
```
#47496b
```
#47496b rgb(71,73,107)
```
#414371
```
#414371 rgb(65,67,113)
```
#3a3c78
```
#3a3c78 rgb(58,60,120)
```
#33367f
```
#33367f rgb(51,54,127)
```
#2c3086
```
#2c3086 rgb(44,48,134)
```
#25298d
```
#25298d rgb(37,41,141)
```
#1e2394
```
#1e2394 rgb(30,35,148)
```
#181d9a
```
#181d9a rgb(24,29,154)
```
#1117a1
```
#1117a1 rgb(17,23,161)
```
#0a10a8
```
#0a10a8 rgb(10,16,168)
```
#030aaf
```
#030aaf rgb(3,10,175)
```

Tone Color Variation

Below, you can see how #030aaf 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

#1b1b1b Achromatopsia 0.005% of the population
#161839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004446 Tritanopia 0.001% of the population

Trichromacy

#012989 Protanomaly 1% of men, 0.01% of women
#012c7f Deuteranomaly 6% of men, 0.4% of women
#012e6c Tritanomaly 0.01% of the population

#030aaf hex color

#030aaf Color Information

#030aaf Color Conversion

Color Schemes with #030aaf

Alternatives to #030aaf

#030aaf Preview

Shades and Tints of #030aaf

Tones of #030aaf

Color Blindness Simulator