#1f4cca hex color

In a RGB color space, hex #1f4cca is composed of 12.2% red, 29.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 62.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 224.2 degrees, a saturation of 73.4% and a lightness of 45.7%. #1f4cca color hex could be obtained by blending #3e98ff with #000095. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 30
- B 79
RGB color chart
- C 85
- M 62
- Y 0
- K 21
CMYK color chart

● #1f4cca color description : Strong blue.

The hexadecimal color #1f4cca has RGB values of R:31, G:76, B:202 and CMYK values of C:0.85, M:0.62, Y:0, K:0.21. Its decimal value is 2051274.

Hex triplet	1f4cca	`#1f4cca`
RGB Decimal	31, 76, 202	`rgb(31,76,202)`
RGB Percent	12.2, 29.8, 79.2	`rgb(12.2%,29.8%,79.2%)`
CMYK	85, 62, 0, 21
HSL	224.2°, 73.4, 45.7	`hsl(224.2,73.4%,45.7%)`
HSV (or HSB)	224.2°, 84.7, 79.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.341, 32.926, -69.243
XYZ	13.808, 9.723, 57.023
xyY	0.171, 0.121, 9.723
CIE-LCH	37.341, 76.672, 295.432
CIE-LUV	37.341, -14.97, -98.901
Hunter-Lab	31.182, 24.473, -86.596
Binary	00011111, 01001100, 11001010

#1f4cca
```
#1f4cca rgb(31,76,202)
```
#ca9d1f
```
#ca9d1f rgb(202,157,31)
```

Complementary Color

#1fa2ca
```
#1fa2ca rgb(31,162,202)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#471fca
```
#471fca rgb(71,31,202)
```

Analogous Color

#a2ca1f
```
#a2ca1f rgb(162,202,31)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#ca471f
```
#ca471f rgb(202,71,31)
```

Split Complementary Color

#4cca1f
```
#4cca1f rgb(76,202,31)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#ca1f4c
```
#ca1f4c rgb(202,31,76)
```

Triadic Color

#1fca9d
```
#1fca9d rgb(31,202,157)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#ca1f4c
```
#ca1f4c rgb(202,31,76)
```
#ca9d1f
```
#ca9d1f rgb(202,157,31)
```

Tetradic Color

#153388
```
#153388 rgb(21,51,136)
```
#183b9e
```
#183b9e rgb(24,59,158)
```
#1c44b4
```
#1c44b4 rgb(28,68,180)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#2556de
```
#2556de rgb(37,86,222)
```
#3b67e1
```
#3b67e1 rgb(59,103,225)
```
#5178e4
```
#5178e4 rgb(81,120,228)
```

Monochromatic Color

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

#1f77ca
```
#1f77ca rgb(31,119,202)
```
#1f69ca
```
#1f69ca rgb(31,105,202)
```
#1f5aca
```
#1f5aca rgb(31,90,202)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#1f3eca
```
#1f3eca rgb(31,62,202)
```
#1f30ca
```
#1f30ca rgb(31,48,202)
```
#1f21ca
```
#1f21ca rgb(31,33,202)
```

Similar Colors

Text with hexadecimal color #1f4cca

This text has a font color of #1f4cca.

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

#1f4cca background color

This paragraph has a background color of #1f4cca.

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

#1f4cca border color

This element has a border color of #1f4cca.

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

CSS codes

.text {color:#1f4cca;}

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

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

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, #02060f is the darkest color, while #fdfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#050c20
```
#050c20 rgb(5,12,32)
```
#081231
```
#081231 rgb(8,18,49)
```
#0a1942
```
#0a1942 rgb(10,25,66)
```
#0d1f53
```
#0d1f53 rgb(13,31,83)
```
#0f2664
```
#0f2664 rgb(15,38,100)
```
#122c75
```
#122c75 rgb(18,44,117)
```
#153286
```
#153286 rgb(21,50,134)
```
#173997
```
#173997 rgb(23,57,151)
```
#1a3fa8
```
#1a3fa8 rgb(26,63,168)
```
#1c46b9
```
#1c46b9 rgb(28,70,185)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#2252db
```
#2252db rgb(34,82,219)
```

Shade Color Variation

#315fdf
```
#315fdf rgb(49,95,223)
```
#426ce2
```
#426ce2 rgb(66,108,226)
```
#5379e5
```
#5379e5 rgb(83,121,229)
```
#6486e7
```
#6486e7 rgb(100,134,231)
```
#7594ea
```
#7594ea rgb(117,148,234)
```
#86a1ec
```
#86a1ec rgb(134,161,236)
```
#97aeef
```
#97aeef rgb(151,174,239)
```
#a8bbf2
```
#a8bbf2 rgb(168,187,242)
```
#b9c9f4
```
#b9c9f4 rgb(185,201,244)
```
#cad6f7
```
#cad6f7 rgb(202,214,247)
```
#dbe3f9
```
#dbe3f9 rgb(219,227,249)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#707279
```
#707279 rgb(112,114,121)
```
#676e82
```
#676e82 rgb(103,110,130)
```
#5e6a8b
```
#5e6a8b rgb(94,106,139)
```
#556594
```
#556594 rgb(85,101,148)
```
#4c619d
```
#4c619d rgb(76,97,157)
```
#435da6
```
#435da6 rgb(67,93,166)
```
#3a59af
```
#3a59af rgb(58,89,175)
```
#3154b8
```
#3154b8 rgb(49,84,184)
```
#2850c1
```
#2850c1 rgb(40,80,193)
```
#1f4cca
```
#1f4cca rgb(31,76,202)
```
#1648d3
```
#1648d3 rgb(22,72,211)
```
#0d44dc
```
#0d44dc rgb(13,68,220)
```
#043fe5
```
#043fe5 rgb(4,63,229)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0b57bd Protanomaly 1% of men, 0.01% of women
#0b5aae Deuteranomaly 6% of men, 0.4% of women
#0b5f90 Tritanomaly 0.01% of the population

#1f4cca hex color

#1f4cca Color Information

#1f4cca Color Conversion

Color Schemes with #1f4cca

Alternatives to #1f4cca

#1f4cca Preview

Shades and Tints of #1f4cca

Tones of #1f4cca

Color Blindness Simulator