#1f4cdd hex color

In a RGB color space, hex #1f4cdd is composed of 12.2% red, 29.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 65.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 225.8 degrees, a saturation of 75.4% and a lightness of 49.4%. #1f4cdd color hex could be obtained by blending #3e98ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 30
- B 87
RGB color chart
- C 86
- M 66
- Y 0
- K 13
CMYK color chart

● #1f4cdd color description : Vivid blue.

The hexadecimal color #1f4cdd has RGB values of R:31, G:76, B:221 and CMYK values of C:0.86, M:0.66, Y:0, K:0.13. Its decimal value is 2051293.

Hex triplet	1f4cdd	`#1f4cdd`
RGB Decimal	31, 76, 221	`rgb(31,76,221)`
RGB Percent	12.2, 29.8, 86.7	`rgb(12.2%,29.8%,86.7%)`
CMYK	86, 66, 0, 13
HSL	225.8°, 75.4, 49.4	`hsl(225.8,75.4%,49.4%)`
HSV (or HSB)	225.8°, 86, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.035, 39.991, -77.405
XYZ	16.198, 10.679, 69.61
xyY	0.168, 0.111, 10.679
CIE-LCH	39.035, 87.125, 297.323
CIE-LUV	39.035, -15.044, -111.047
Hunter-Lab	32.679, 31.287, -103.418
Binary	00011111, 01001100, 11011101

#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```

Complementary Color

#1fabdd
```
#1fabdd rgb(31,171,221)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#511fdd
```
#511fdd rgb(81,31,221)
```

Analogous Color

#abdd1f
```
#abdd1f rgb(171,221,31)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#dd511f
```
#dd511f rgb(221,81,31)
```

Split Complementary Color

#4cdd1f
```
#4cdd1f rgb(76,221,31)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#dd1f4c
```
#dd1f4c rgb(221,31,76)
```

Triadic Color

#1fddb0
```
#1fddb0 rgb(31,221,176)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#dd1f4c
```
#dd1f4c rgb(221,31,76)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```

Tetradic Color

#16359a
```
#16359a rgb(22,53,154)
```
#193db0
```
#193db0 rgb(25,61,176)
```
#1c44c7
```
#1c44c7 rgb(28,68,199)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#335de2
```
#335de2 rgb(51,93,226)
```
#496ee6
```
#496ee6 rgb(73,110,230)
```
#6080e9
```
#6080e9 rgb(96,128,233)
```

Monochromatic Color

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

#1f7cdd
```
#1f7cdd rgb(31,124,221)
```
#1f6cdd
```
#1f6cdd rgb(31,108,221)
```
#1f5cdd
```
#1f5cdd rgb(31,92,221)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#1f3cdd
```
#1f3cdd rgb(31,60,221)
```
#1f2cdd
```
#1f2cdd rgb(31,44,221)
```
#221fdd
```
#221fdd rgb(34,31,221)
```

Similar Colors

Text with hexadecimal color #1f4cdd

This text has a font color of #1f4cdd.

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

#1f4cdd background color

This paragraph has a background color of #1f4cdd.

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

#1f4cdd border color

This element has a border color of #1f4cdd.

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

CSS codes

.text {color:#1f4cdd;}

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

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

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

#02050f
```
#02050f rgb(2,5,15)
```
#040b20
```
#040b20 rgb(4,11,32)
```
#071131
```
#071131 rgb(7,17,49)
```
#091742
```
#091742 rgb(9,23,66)
```
#0c1d53
```
#0c1d53 rgb(12,29,83)
```
#0e2365
```
#0e2365 rgb(14,35,101)
```
#112976
```
#112976 rgb(17,41,118)
```
#132e87
```
#132e87 rgb(19,46,135)
```
#153498
```
#153498 rgb(21,52,152)
```
#183aa9
```
#183aa9 rgb(24,58,169)
```
#1a40bb
```
#1a40bb rgb(26,64,187)
```
#1d46cc
```
#1d46cc rgb(29,70,204)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```

Shade Color Variation

#2e59e2
```
#2e59e2 rgb(46,89,226)
```
#3f66e4
```
#3f66e4 rgb(63,102,228)
```
#5074e7
```
#5074e7 rgb(80,116,231)
```
#6282e9
```
#6282e9 rgb(98,130,233)
```
#738feb
```
#738feb rgb(115,143,235)
```
#849dee
```
#849dee rgb(132,157,238)
```
#95abf0
```
#95abf0 rgb(149,171,240)
```
#a6b8f3
```
#a6b8f3 rgb(166,184,243)
```
#b8c6f5
```
#b8c6f5 rgb(184,198,245)
```
#c9d4f7
```
#c9d4f7 rgb(201,212,247)
```
#dae2fa
```
#dae2fa rgb(218,226,250)
```
#ebeffc
```
#ebeffc rgb(235,239,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a86 is the less saturated color, while #023dfa is the most saturated one.

#767a86
```
#767a86 rgb(118,122,134)
```
#6d758f
```
#6d758f rgb(109,117,143)
```
#637099
```
#637099 rgb(99,112,153)
```
#596ba3
```
#596ba3 rgb(89,107,163)
```
#4f66ad
```
#4f66ad rgb(79,102,173)
```
#4660b6
```
#4660b6 rgb(70,96,182)
```
#3c5bc0
```
#3c5bc0 rgb(60,91,192)
```
#3256ca
```
#3256ca rgb(50,86,202)
```
#2951d3
```
#2951d3 rgb(41,81,211)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```
#1547e7
```
#1547e7 rgb(21,71,231)
```
#0c42f0
```
#0c42f0 rgb(12,66,240)
```
#023dfa
```
#023dfa rgb(2,61,250)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#454e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0b59c9 Protanomaly 1% of men, 0.01% of women
#0b5db9 Deuteranomaly 6% of men, 0.4% of women
#0b619a Tritanomaly 0.01% of the population

#1f4cdd hex color

#1f4cdd Color Information

#1f4cdd Color Conversion

Color Schemes with #1f4cdd

Alternatives to #1f4cdd

#1f4cdd Preview

Shades and Tints of #1f4cdd

Tones of #1f4cdd

Color Blindness Simulator