#1f71b4 hex color

In a RGB color space, hex #1f71b4 is composed of 12.2% red, 44.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 37.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 207 degrees, a saturation of 70.6% and a lightness of 41.4%. #1f71b4 color hex could be obtained by blending #3ee2ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 44
- B 71
RGB color chart
- C 83
- M 37
- Y 0
- K 29
CMYK color chart

● #1f71b4 color description : Strong blue.

The hexadecimal color #1f71b4 has RGB values of R:31, G:113, B:180 and CMYK values of C:0.83, M:0.37, Y:0, K:0.29. Its decimal value is 2060724.

Hex triplet	1f71b4	`#1f71b4`
RGB Decimal	31, 113, 180	`rgb(31,113,180)`
RGB Percent	12.2, 44.3, 70.6	`rgb(12.2%,44.3%,70.6%)`
CMYK	83, 37, 0, 29
HSL	207°, 70.6, 41.4	`hsl(207,70.6%,41.4%)`
HSV (or HSB)	207°, 82.8, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.171, 0.448, -42.195
XYZ	14.706, 15.396, 45.374
xyY	0.195, 0.204, 15.396
CIE-LCH	46.171, 42.197, 270.608
CIE-LUV	46.171, -26.26, -63.256
Hunter-Lab	39.237, -1.762, -41.097
Binary	00011111, 01110001, 10110100

#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#b4621f
```
#b4621f rgb(180,98,31)
```

Complementary Color

#1fb4ad
```
#1fb4ad rgb(31,180,173)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#1f26b4
```
#1f26b4 rgb(31,38,180)
```

Analogous Color

#b4ad1f
```
#b4ad1f rgb(180,173,31)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#b41f26
```
#b41f26 rgb(180,31,38)
```

Split Complementary Color

#71b41f
```
#71b41f rgb(113,180,31)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#b41f71
```
#b41f71 rgb(180,31,113)
```

Triadic Color

#1fb462
```
#1fb462 rgb(31,180,98)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#b41f71
```
#b41f71 rgb(180,31,113)
```
#b4621f
```
#b4621f rgb(180,98,31)
```

Tetradic Color

#144873
```
#144873 rgb(20,72,115)
```
#185688
```
#185688 rgb(24,86,136)
```
#1b639e
```
#1b639e rgb(27,99,158)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#237fca
```
#237fca rgb(35,127,202)
```
#2b8cdb
```
#2b8cdb rgb(43,140,219)
```
#4198de
```
#4198de rgb(65,152,222)
```

Monochromatic Color

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

#1f96b4
```
#1f96b4 rgb(31,150,180)
```
#1f8ab4
```
#1f8ab4 rgb(31,138,180)
```
#1f7db4
```
#1f7db4 rgb(31,125,180)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#1f65b4
```
#1f65b4 rgb(31,101,180)
```
#1f58b4
```
#1f58b4 rgb(31,88,180)
```
#1f4cb4
```
#1f4cb4 rgb(31,76,180)
```

Similar Colors

Text with hexadecimal color #1f71b4

This text has a font color of #1f71b4.

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

#1f71b4 background color

This paragraph has a background color of #1f71b4.

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

#1f71b4 border color

This element has a border color of #1f71b4.

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

CSS codes

.text {color:#1f71b4;}

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

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

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, #02080d is the darkest color, while #fbfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#05121d
```
#05121d rgb(5,18,29)
```
#081d2e
```
#081d2e rgb(8,29,46)
```
#0b273f
```
#0b273f rgb(11,39,63)
```
#0e3250
```
#0e3250 rgb(14,50,80)
```
#113c60
```
#113c60 rgb(17,60,96)
```
#134771
```
#134771 rgb(19,71,113)
```
#165182
```
#165182 rgb(22,81,130)
```
#195c93
```
#195c93 rgb(25,92,147)
```
#1c66a3
```
#1c66a3 rgb(28,102,163)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#227cc5
```
#227cc5 rgb(34,124,197)
```
#2586d5
```
#2586d5 rgb(37,134,213)
```

Shade Color Variation

#328fdc
```
#328fdc rgb(50,143,220)
```
#4399df
```
#4399df rgb(67,153,223)
```
#54a2e1
```
#54a2e1 rgb(84,162,225)
```
#64abe4
```
#64abe4 rgb(100,171,228)
```
#75b4e7
```
#75b4e7 rgb(117,180,231)
```
#86bdea
```
#86bdea rgb(134,189,234)
```
#97c6ed
```
#97c6ed rgb(151,198,237)
```
#a7cff0
```
#a7cff0 rgb(167,207,240)
```
#b8d8f3
```
#b8d8f3 rgb(184,216,243)
```
#c9e1f6
```
#c9e1f6 rgb(201,225,246)
```
#d9ebf9
```
#d9ebf9 rgb(217,235,249)
```
#eaf4fb
```
#eaf4fb rgb(234,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#686a6b
```
#686a6b rgb(104,106,107)
```
#606a73
```
#606a73 rgb(96,106,115)
```
#586b7b
```
#586b7b rgb(88,107,123)
```
#506c83
```
#506c83 rgb(80,108,131)
```
#486d8b
```
#486d8b rgb(72,109,139)
```
#3f6e94
```
#3f6e94 rgb(63,110,148)
```
#376f9c
```
#376f9c rgb(55,111,156)
```
#2f6fa4
```
#2f6fa4 rgb(47,111,164)
```
#2770ac
```
#2770ac rgb(39,112,172)
```
#1f71b4
```
#1f71b4 rgb(31,113,180)
```
#1772bc
```
#1772bc rgb(23,114,188)
```
#0f73c4
```
#0f73c4 rgb(15,115,196)
```
#0773cc
```
#0773cc rgb(7,115,204)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#536371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5972b3 Protanopia 1% of men
#4375b9 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#4472b3 Protanomaly 1% of men, 0.01% of women
#3673b7 Deuteranomaly 6% of men, 0.4% of women
#0b7a98 Tritanomaly 0.01% of the population

#1f71b4 hex color

#1f71b4 Color Information

#1f71b4 Color Conversion

Color Schemes with #1f71b4

Alternatives to #1f71b4

#1f71b4 Preview

Shades and Tints of #1f71b4

Tones of #1f71b4

Color Blindness Simulator