#1f4caf hex color

In a RGB color space, hex #1f4caf is composed of 12.2% red, 29.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 56.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 221.3 degrees, a saturation of 69.9% and a lightness of 40.4%. #1f4caf color hex could be obtained by blending #3e98ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 30
- B 69
RGB color chart
- C 82
- M 57
- Y 0
- K 31
CMYK color chart

● #1f4caf color description : Dark blue.

The hexadecimal color #1f4caf has RGB values of R:31, G:76, B:175 and CMYK values of C:0.82, M:0.57, Y:0, K:0.31. Its decimal value is 2051247.

Hex triplet	1f4caf	`#1f4caf`
RGB Decimal	31, 76, 175	`rgb(31,76,175)`
RGB Percent	12.2, 29.8, 68.6	`rgb(12.2%,29.8%,68.6%)`
CMYK	82, 57, 0, 31
HSL	221.3°, 69.9, 40.4	`hsl(221.3,69.9%,40.4%)`
HSV (or HSB)	221.3°, 82.3, 68.6
Web Safe	333399	`#333399`

CIE-LAB	35.112, 22.505, -57.038
XYZ	10.886, 8.554, 41.633
xyY	0.178, 0.14, 8.554
CIE-LCH	35.112, 61.318, 291.532
CIE-LUV	35.112, -15.048, -80.709
Hunter-Lab	29.248, 15.251, -63.921
Binary	00011111, 01001100, 10101111

#1f4caf
```
#1f4caf rgb(31,76,175)
```
#af821f
```
#af821f rgb(175,130,31)
```

Complementary Color

#1f94af
```
#1f94af rgb(31,148,175)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#3a1faf
```
#3a1faf rgb(58,31,175)
```

Analogous Color

#94af1f
```
#94af1f rgb(148,175,31)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#af3a1f
```
#af3a1f rgb(175,58,31)
```

Split Complementary Color

#4caf1f
```
#4caf1f rgb(76,175,31)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#af1f4c
```
#af1f4c rgb(175,31,76)
```

Triadic Color

#1faf82
```
#1faf82 rgb(31,175,130)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#af1f4c
```
#af1f4c rgb(175,31,76)
```
#af821f
```
#af821f rgb(175,130,31)
```

Tetradic Color

#13306e
```
#13306e rgb(19,48,110)
```
#173984
```
#173984 rgb(23,57,132)
```
#1b4399
```
#1b4399 rgb(27,67,153)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#2355c5
```
#2355c5 rgb(35,85,197)
```
#285fd9
```
#285fd9 rgb(40,95,217)
```
#3e6fdd
```
#3e6fdd rgb(62,111,221)
```

Monochromatic Color

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

#1f70af
```
#1f70af rgb(31,112,175)
```
#1f64af
```
#1f64af rgb(31,100,175)
```
#1f58af
```
#1f58af rgb(31,88,175)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#1f40af
```
#1f40af rgb(31,64,175)
```
#1f34af
```
#1f34af rgb(31,52,175)
```
#1f28af
```
#1f28af rgb(31,40,175)
```

Similar Colors

Text with hexadecimal color #1f4caf

This text has a font color of #1f4caf.

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

#1f4caf background color

This paragraph has a background color of #1f4caf.

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

#1f4caf border color

This element has a border color of #1f4caf.

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

CSS codes

.text {color:#1f4caf;}

.background {background-color:#1f4caf;}

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

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

#010408
```
#010408 rgb(1,4,8)
```
#040b19
```
#040b19 rgb(4,11,25)
```
#07122a
```
#07122a rgb(7,18,42)
```
#0a193a
```
#0a193a rgb(10,25,58)
```
#0d214b
```
#0d214b rgb(13,33,75)
```
#10285c
```
#10285c rgb(16,40,92)
```
#132f6c
```
#132f6c rgb(19,47,108)
```
#16367d
```
#16367d rgb(22,54,125)
```
#193e8e
```
#193e8e rgb(25,62,142)
```
#1c459e
```
#1c459e rgb(28,69,158)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#2253c0
```
#2253c0 rgb(34,83,192)
```
#255ad0
```
#255ad0 rgb(37,90,208)
```

Shade Color Variation

#2f64da
```
#2f64da rgb(47,100,218)
```
#3f71dd
```
#3f71dd rgb(63,113,221)
```
#507de0
```
#507de0 rgb(80,125,224)
```
#6189e3
```
#6189e3 rgb(97,137,227)
```
#7196e6
```
#7196e6 rgb(113,150,230)
```
#82a2e9
```
#82a2e9 rgb(130,162,233)
```
#93afec
```
#93afec rgb(147,175,236)
```
#a3bbef
```
#a3bbef rgb(163,187,239)
```
#b4c7f2
```
#b4c7f2 rgb(180,199,242)
```
#c5d4f5
```
#c5d4f5 rgb(197,212,245)
```
#d5e0f8
```
#d5e0f8 rgb(213,224,248)
```
#e6ecfb
```
#e6ecfb rgb(230,236,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#666768
```
#666768 rgb(102,103,104)
```
#5e6470
```
#5e6470 rgb(94,100,112)
```
#566178
```
#566178 rgb(86,97,120)
```
#4f5e7f
```
#4f5e7f rgb(79,94,127)
```
#475b87
```
#475b87 rgb(71,91,135)
```
#3f588f
```
#3f588f rgb(63,88,143)
```
#375597
```
#375597 rgb(55,85,151)
```
#2f529f
```
#2f529f rgb(47,82,159)
```
#274fa7
```
#274fa7 rgb(39,79,167)
```
#1f4caf
```
#1f4caf rgb(31,76,175)
```
#1749b7
```
#1749b7 rgb(23,73,183)
```
#0f46bf
```
#0f46bf rgb(15,70,191)
```
#0743c7
```
#0743c7 rgb(7,67,199)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#0b54ae Protanomaly 1% of men, 0.01% of women
#0b57a0 Deuteranomaly 6% of men, 0.4% of women
#0b5b83 Tritanomaly 0.01% of the population

#1f4caf hex color

#1f4caf Color Information

#1f4caf Color Conversion

Color Schemes with #1f4caf

Alternatives to #1f4caf

#1f4caf Preview

Shades and Tints of #1f4caf

Tones of #1f4caf

Color Blindness Simulator