#003f7f hex color

In a RGB color space, hex #003f7f is composed of 0% red, 24.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 50.4% magenta, 0% yellow and 50.2% black. It has a hue angle of 210.2 degrees, a saturation of 100% and a lightness of 24.9%. #003f7f color hex could be obtained by blending #007efe with #000000. Closest websafe color is: #003366.

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

● #003f7f color description : Dark blue.

The hexadecimal color #003f7f has RGB values of R:0, G:63, B:127 and CMYK values of C:1, M:0.5, Y:0, K:0.5. Its decimal value is 16255.

Hex triplet	003f7f	`#003f7f`
RGB Decimal	0, 63, 127	`rgb(0,63,127)`
RGB Percent	0, 24.7, 49.8	`rgb(0%,24.7%,49.8%)`
CMYK	100, 50, 0, 50
HSL	210.2°, 100, 24.9	`hsl(210.2,100%,24.9%)`
HSV (or HSB)	210.2°, 100, 49.8
Web Safe	003366	`#003366`

CIE-LAB	26.981, 9.384, -41.014
XYZ	5.607, 5.087, 20.764
xyY	0.178, 0.162, 5.087
CIE-LCH	26.981, 42.074, 282.888
CIE-LUV	26.981, -14.835, -52.912
Hunter-Lab	22.554, 4.91, -38.796
Binary	00000000, 00111111, 01111111

#003f7f
```
#003f7f rgb(0,63,127)
```
#7f4000
```
#7f4000 rgb(127,64,0)
```

Complementary Color

#007f7f
```
#007f7f rgb(0,127,127)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#00007f
```
#00007f rgb(0,0,127)
```

Analogous Color

#7f7f00
```
#7f7f00 rgb(127,127,0)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#7f0100
```
#7f0100 rgb(127,1,0)
```

Split Complementary Color

#3f7f00
```
#3f7f00 rgb(63,127,0)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#7f003f
```
#7f003f rgb(127,0,63)
```

Triadic Color

#007f40
```
#007f40 rgb(0,127,64)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#7f003f
```
#7f003f rgb(127,0,63)
```
#7f4000
```
#7f4000 rgb(127,64,0)
```

Tetradic Color

#001933
```
#001933 rgb(0,25,51)
```
#00264c
```
#00264c rgb(0,38,76)
```
#003266
```
#003266 rgb(0,50,102)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#004c99
```
#004c99 rgb(0,76,153)
```
#0058b2
```
#0058b2 rgb(0,88,178)
```
#0065cc
```
#0065cc rgb(0,101,204)
```

Monochromatic Color

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

#005f7f
```
#005f7f rgb(0,95,127)
```
#00547f
```
#00547f rgb(0,84,127)
```
#004a7f
```
#004a7f rgb(0,74,127)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#00347f
```
#00347f rgb(0,52,127)
```
#002a7f
```
#002a7f rgb(0,42,127)
```
#001f7f
```
#001f7f rgb(0,31,127)
```

Similar Colors

Text with hexadecimal color #003f7f

This text has a font color of #003f7f.

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

#003f7f background color

This paragraph has a background color of #003f7f.

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

#003f7f border color

This element has a border color of #003f7f.

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

CSS codes

.text {color:#003f7f;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#000e1d
```
#000e1d rgb(0,14,29)
```
#001831
```
#001831 rgb(0,24,49)
```
#002244
```
#002244 rgb(0,34,68)
```
#002c58
```
#002c58 rgb(0,44,88)
```
#00356b
```
#00356b rgb(0,53,107)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#004993
```
#004993 rgb(0,73,147)
```
#0052a6
```
#0052a6 rgb(0,82,166)
```
#005cba
```
#005cba rgb(0,92,186)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#0070e1
```
#0070e1 rgb(0,112,225)
```
#0079f5
```
#0079f5 rgb(0,121,245)
```

Shade Color Variation

#0983ff
```
#0983ff rgb(9,131,255)
```
#1d8dff
```
#1d8dff rgb(29,141,255)
```
#3197ff
```
#3197ff rgb(49,151,255)
```
#44a1ff
```
#44a1ff rgb(68,161,255)
```
#58abff
```
#58abff rgb(88,171,255)
```
#6bb5ff
```
#6bb5ff rgb(107,181,255)
```
#7fbeff
```
#7fbeff rgb(127,190,255)
```
#93c8ff
```
#93c8ff rgb(147,200,255)
```
#a6d2ff
```
#a6d2ff rgb(166,210,255)
```
#badcff
```
#badcff rgb(186,220,255)
```
#cde6ff
```
#cde6ff rgb(205,230,255)
```
#e1f0ff
```
#e1f0ff rgb(225,240,255)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#3b3f44
```
#3b3f44 rgb(59,63,68)
```
#363f49
```
#363f49 rgb(54,63,73)
```
#313f4e
```
#313f4e rgb(49,63,78)
```
#2c3f53
```
#2c3f53 rgb(44,63,83)
```
#273f58
```
#273f58 rgb(39,63,88)
```
#223f5d
```
#223f5d rgb(34,63,93)
```
#1d3f62
```
#1d3f62 rgb(29,63,98)
```
#183f67
```
#183f67 rgb(24,63,103)
```
#143f6b
```
#143f6b rgb(20,63,107)
```
#0f3f70
```
#0f3f70 rgb(15,63,112)
```
#0a3f75
```
#0a3f75 rgb(10,63,117)
```
#053f7a
```
#053f7a rgb(5,63,122)
```
#003f7f
```
#003f7f rgb(0,63,127)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#293542 Atypical Achromatopsia 0.001% of the population

Dichromacy

#234784 Protanopia 1% of men
#004b7b Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#164482 Protanomaly 1% of men, 0.01% of women
#00467c Deuteranomaly 6% of men, 0.4% of women
#004a64 Tritanomaly 0.01% of the population

#003f7f hex color

#003f7f Color Information

#003f7f Color Conversion

Color Schemes with #003f7f

Alternatives to #003f7f

#003f7f Preview

Shades and Tints of #003f7f

Tones of #003f7f

Color Blindness Simulator