#030486 hex color

In a RGB color space, hex #030486 is composed of 1.2% red, 1.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 97% magenta, 0% yellow and 47.5% black. It has a hue angle of 239.5 degrees, a saturation of 95.6% and a lightness of 26.9%. #030486 color hex could be obtained by blending #0608ff with #00000d. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 2
- B 53
RGB color chart
- C 98
- M 97
- Y 0
- K 47
CMYK color chart

● #030486 color description : Dark blue.

The hexadecimal color #030486 has RGB values of R:3, G:4, B:134 and CMYK values of C:0.98, M:0.97, Y:0, K:0.47. Its decimal value is 197766.

Hex triplet	030486	`#030486`
RGB Decimal	3, 4, 134	`rgb(3,4,134)`
RGB Percent	1.2, 1.6, 52.5	`rgb(1.2%,1.6%,52.5%)`
CMYK	98, 97, 0, 47
HSL	239.5°, 95.6, 26.9	`hsl(239.5,95.6%,26.9%)`
HSV (or HSB)	239.5°, 97.8, 52.5
Web Safe	000099	`#000099`

CIE-LAB	14.552, 47.612, -65.87
XYZ	4.383, 1.827, 22.675
xyY	0.152, 0.063, 1.827
CIE-LCH	14.552, 81.276, 305.86
CIE-LUV	14.552, -4.197, -57.433
Hunter-Lab	13.517, 34.228, -89.997
Binary	00000011, 00000100, 10000110

#030486
```
#030486 rgb(3,4,134)
```
#868503
```
#868503 rgb(134,133,3)
```

Complementary Color

#034686
```
#034686 rgb(3,70,134)
```
#030486
```
#030486 rgb(3,4,134)
```
#440386
```
#440386 rgb(68,3,134)
```

Analogous Color

#468603
```
#468603 rgb(70,134,3)
```
#030486
```
#030486 rgb(3,4,134)
```
#864303
```
#864303 rgb(134,67,3)
```

Split Complementary Color

#048603
```
#048603 rgb(4,134,3)
```
#030486
```
#030486 rgb(3,4,134)
```
#860304
```
#860304 rgb(134,3,4)
```

Triadic Color

#038685
```
#038685 rgb(3,134,133)
```
#030486
```
#030486 rgb(3,4,134)
```
#860304
```
#860304 rgb(134,3,4)
```
#868503
```
#868503 rgb(134,133,3)
```

Tetradic Color

#01023b
```
#01023b rgb(1,2,59)
```
#020354
```
#020354 rgb(2,3,84)
```
#02036d
```
#02036d rgb(2,3,109)
```
#030486
```
#030486 rgb(3,4,134)
```
#04059f
```
#04059f rgb(4,5,159)
```
#0405b8
```
#0405b8 rgb(4,5,184)
```
#0506d1
```
#0506d1 rgb(5,6,209)
```

Monochromatic Color

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

#032586
```
#032586 rgb(3,37,134)
```
#031a86
```
#031a86 rgb(3,26,134)
```
#030f86
```
#030f86 rgb(3,15,134)
```
#030486
```
#030486 rgb(3,4,134)
```
#0d0386
```
#0d0386 rgb(13,3,134)
```
#180386
```
#180386 rgb(24,3,134)
```
#230386
```
#230386 rgb(35,3,134)
```

Similar Colors

Text with hexadecimal color #030486

This text has a font color of #030486.

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

#030486 background color

This paragraph has a background color of #030486.

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

#030486 border color

This element has a border color of #030486.

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

CSS codes

.text {color:#030486;}

.background {background-color:#030486;}

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

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

#000113
```
#000113 rgb(0,1,19)
```
#010126
```
#010126 rgb(1,1,38)
```
#010239
```
#010239 rgb(1,2,57)
```
#02024c
```
#02024c rgb(2,2,76)
```
#020360
```
#020360 rgb(2,3,96)
```
#030373
```
#030373 rgb(3,3,115)
```
#030486
```
#030486 rgb(3,4,134)
```
#030599
```
#030599 rgb(3,5,153)
```
#0405ac
```
#0405ac rgb(4,5,172)
```
#0406c0
```
#0406c0 rgb(4,6,192)
```
#0506d3
```
#0506d3 rgb(5,6,211)
```
#0507e6
```
#0507e6 rgb(5,7,230)
```
#0607f9
```
#0607f9 rgb(6,7,249)
```

Shade Color Variation

#181afa
```
#181afa rgb(24,26,250)
```
#2c2dfa
```
#2c2dfa rgb(44,45,250)
```
#3f40fb
```
#3f40fb rgb(63,64,251)
```
#5253fb
```
#5253fb rgb(82,83,251)
```
#6566fc
```
#6566fc rgb(101,102,252)
```
#7879fc
```
#7879fc rgb(120,121,252)
```
#8c8cfc
```
#8c8cfc rgb(140,140,252)
```
#9f9ffd
```
#9f9ffd rgb(159,159,253)
```
#b2b3fd
```
#b2b3fd rgb(178,179,253)
```
#c5c6fe
```
#c5c6fe rgb(197,198,254)
```
#d8d9fe
```
#d8d9fe rgb(216,217,254)
```
#ececff
```
#ececff rgb(236,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#424247
```
#424247 rgb(66,66,71)
```
#3d3d4c
```
#3d3d4c rgb(61,61,76)
```
#383851
```
#383851 rgb(56,56,81)
```
#323357
```
#323357 rgb(50,51,87)
```
#2d2e5c
```
#2d2e5c rgb(45,46,92)
```
#282861
```
#282861 rgb(40,40,97)
```
#232366
```
#232366 rgb(35,35,102)
```
#1d1e6c
```
#1d1e6c rgb(29,30,108)
```
#181971
```
#181971 rgb(24,25,113)
```
#131476
```
#131476 rgb(19,20,118)
```
#0e0e7b
```
#0e0e7b rgb(14,14,123)
```
#080981
```
#080981 rgb(8,9,129)
```
#030486
```
#030486 rgb(3,4,134)
```

Tone Color Variation

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

#131313 Achromatopsia 0.005% of the population
#10102a Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00314e Deuteranopia 1% of men
#003436 Tritanopia 0.001% of the population

Trichromacy

#011f6a Protanomaly 1% of men, 0.01% of women
#012162 Deuteranomaly 6% of men, 0.4% of women
#012353 Tritanomaly 0.01% of the population

#030486 hex color

#030486 Color Information

#030486 Color Conversion

Color Schemes with #030486

Alternatives to #030486

#030486 Preview

Shades and Tints of #030486

Tones of #030486

Color Blindness Simulator