#003fa0 hex color

In a RGB color space, hex #003fa0 is composed of 0% red, 24.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 60.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 216.4 degrees, a saturation of 100% and a lightness of 31.4%. #003fa0 color hex could be obtained by blending #007eff with #000041. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 25
- B 63
RGB color chart
- C 100
- M 61
- Y 0
- K 37
CMYK color chart

● #003fa0 color description : Dark blue.

The hexadecimal color #003fa0 has RGB values of R:0, G:63, B:160 and CMYK values of C:1, M:0.61, Y:0, K:0.37. Its decimal value is 16288.

Hex triplet	003fa0	`#003fa0`
RGB Decimal	0, 63, 160	`rgb(0,63,160)`
RGB Percent	0, 24.7, 62.7	`rgb(0%,24.7%,62.7%)`
CMYK	100, 61, 0, 37
HSL	216.4°, 100, 31.4	`hsl(216.4,100%,31.4%)`
HSV (or HSB)	216.4°, 100, 62.7
Web Safe	003399	`#003399`

CIE-LAB	29.644, 23.482, -56.994
XYZ	8.121, 6.092, 34.004
xyY	0.168, 0.126, 6.092
CIE-LCH	29.644, 61.642, 292.392
CIE-LUV	29.644, -14.119, -75.628
Hunter-Lab	24.683, 15.537, -64.402
Binary	00000000, 00111111, 10100000

#003fa0
```
#003fa0 rgb(0,63,160)
```
#a06100
```
#a06100 rgb(160,97,0)
```

Complementary Color

#008fa0
```
#008fa0 rgb(0,143,160)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#1100a0
```
#1100a0 rgb(17,0,160)
```

Analogous Color

#8fa000
```
#8fa000 rgb(143,160,0)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#a01100
```
#a01100 rgb(160,17,0)
```

Split Complementary Color

#3fa000
```
#3fa000 rgb(63,160,0)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#a0003f
```
#a0003f rgb(160,0,63)
```

Triadic Color

#00a061
```
#00a061 rgb(0,160,97)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#a0003f
```
#a0003f rgb(160,0,63)
```
#a06100
```
#a06100 rgb(160,97,0)
```

Tetradic Color

#002154
```
#002154 rgb(0,33,84)
```
#002b6d
```
#002b6d rgb(0,43,109)
```
#003587
```
#003587 rgb(0,53,135)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#0049ba
```
#0049ba rgb(0,73,186)
```
#0053d3
```
#0053d3 rgb(0,83,211)
```
#005ded
```
#005ded rgb(0,93,237)
```

Monochromatic Color

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

#0067a0
```
#0067a0 rgb(0,103,160)
```
#005aa0
```
#005aa0 rgb(0,90,160)
```
#004ca0
```
#004ca0 rgb(0,76,160)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#0032a0
```
#0032a0 rgb(0,50,160)
```
#0024a0
```
#0024a0 rgb(0,36,160)
```
#0017a0
```
#0017a0 rgb(0,23,160)
```

Similar Colors

Text with hexadecimal color #003fa0

This text has a font color of #003fa0.

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

#003fa0 background color

This paragraph has a background color of #003fa0.

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

#003fa0 border color

This element has a border color of #003fa0.

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

CSS codes

.text {color:#003fa0;}

.background {background-color:#003fa0;}

.border {border:1px solid #003fa0;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000917
```
#000917 rgb(0,9,23)
```
#00112a
```
#00112a rgb(0,17,42)
```
#00183e
```
#00183e rgb(0,24,62)
```
#002052
```
#002052 rgb(0,32,82)
```
#002865
```
#002865 rgb(0,40,101)
```
#003079
```
#003079 rgb(0,48,121)
```
#00378c
```
#00378c rgb(0,55,140)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```
#0047b4
```
#0047b4 rgb(0,71,180)
```
#004ec7
```
#004ec7 rgb(0,78,199)
```
#0056db
```
#0056db rgb(0,86,219)
```
#005eee
```
#005eee rgb(0,94,238)
```

Shade Color Variation

#0366ff
```
#0366ff rgb(3,102,255)
```
#1772ff
```
#1772ff rgb(23,114,255)
```
#2a7eff
```
#2a7eff rgb(42,126,255)
```
#3e8aff
```
#3e8aff rgb(62,138,255)
```
#5296ff
```
#5296ff rgb(82,150,255)
```
#65a2ff
```
#65a2ff rgb(101,162,255)
```
#79aeff
```
#79aeff rgb(121,174,255)
```
#8cbaff
```
#8cbaff rgb(140,186,255)
```
#a0c5ff
```
#a0c5ff rgb(160,197,255)
```
#b4d1ff
```
#b4d1ff rgb(180,209,255)
```
#c7ddff
```
#c7ddff rgb(199,221,255)
```
#dbe9ff
```
#dbe9ff rgb(219,233,255)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

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

#4a4f56
```
#4a4f56 rgb(74,79,86)
```
#444d5c
```
#444d5c rgb(68,77,92)
```
#3e4c62
```
#3e4c62 rgb(62,76,98)
```
#374b69
```
#374b69 rgb(55,75,105)
```
#31496f
```
#31496f rgb(49,73,111)
```
#2b4875
```
#2b4875 rgb(43,72,117)
```
#25477b
```
#25477b rgb(37,71,123)
```
#1f4681
```
#1f4681 rgb(31,70,129)
```
#194487
```
#194487 rgb(25,68,135)
```
#12438e
```
#12438e rgb(18,67,142)
```
#0c4294
```
#0c4294 rgb(12,66,148)
```
#06409a
```
#06409a rgb(6,64,154)
```
#003fa0
```
#003fa0 rgb(0,63,160)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2c394c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005183 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#00479a Protanomaly 1% of men, 0.01% of women
#004a8d Deuteranomaly 6% of men, 0.4% of women
#004e74 Tritanomaly 0.01% of the population

#003fa0 hex color

#003fa0 Color Information

#003fa0 Color Conversion

Color Schemes with #003fa0

Alternatives to #003fa0

#003fa0 Preview

Shades and Tints of #003fa0

Tones of #003fa0

Color Blindness Simulator