#1f31cd hex color

In a RGB color space, hex #1f31cd is composed of 12.2% red, 19.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 76.1% magenta, 0% yellow and 19.6% black. It has a hue angle of 233.8 degrees, a saturation of 73.7% and a lightness of 46.3%. #1f31cd color hex could be obtained by blending #3e62ff with #00009b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 19
- B 80
RGB color chart
- C 85
- M 76
- Y 0
- K 20
CMYK color chart

● #1f31cd color description : Strong blue.

The hexadecimal color #1f31cd has RGB values of R:31, G:49, B:205 and CMYK values of C:0.85, M:0.76, Y:0, K:0.2. Its decimal value is 2044365.

Hex triplet	1f31cd	`#1f31cd`
RGB Decimal	31, 49, 205	`rgb(31,49,205)`
RGB Percent	12.2, 19.2, 80.4	`rgb(12.2%,19.2%,80.4%)`
CMYK	85, 76, 0, 20
HSL	233.8°, 73.7, 46.3	`hsl(233.8,73.7%,46.3%)`
HSV (or HSB)	233.8°, 84.9, 80.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.566, 50.461, -80.503
XYZ	12.681, 6.895, 58.417
xyY	0.163, 0.088, 6.895
CIE-LCH	31.566, 95.011, 302.081
CIE-LUV	31.566, -9.745, -104.787
Hunter-Lab	26.258, 40.251, -113.524
Binary	00011111, 00110001, 11001101

#1f31cd
```
#1f31cd rgb(31,49,205)
```
#cdbb1f
```
#cdbb1f rgb(205,187,31)
```

Complementary Color

#1f88cd
```
#1f88cd rgb(31,136,205)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#641fcd
```
#641fcd rgb(100,31,205)
```

Analogous Color

#88cd1f
```
#88cd1f rgb(136,205,31)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#cd641f
```
#cd641f rgb(205,100,31)
```

Split Complementary Color

#31cd1f
```
#31cd1f rgb(49,205,31)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#cd1f31
```
#cd1f31 rgb(205,31,49)
```

Triadic Color

#1fcdbb
```
#1fcdbb rgb(31,205,187)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#cd1f31
```
#cd1f31 rgb(205,31,49)
```
#cdbb1f
```
#cdbb1f rgb(205,187,31)
```

Tetradic Color

#15218b
```
#15218b rgb(21,33,139)
```
#1826a1
```
#1826a1 rgb(24,38,161)
```
#1c2cb7
```
#1c2cb7 rgb(28,44,183)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#273ade
```
#273ade rgb(39,58,222)
```
#3d4ee2
```
#3d4ee2 rgb(61,78,226)
```
#5363e5
```
#5363e5 rgb(83,99,229)
```

Monochromatic Color

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

#1f5ccd
```
#1f5ccd rgb(31,92,205)
```
#1f4ecd
```
#1f4ecd rgb(31,78,205)
```
#1f40cd
```
#1f40cd rgb(31,64,205)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#1f23cd
```
#1f23cd rgb(31,35,205)
```
#2a1fcd
```
#2a1fcd rgb(42,31,205)
```
#381fcd
```
#381fcd rgb(56,31,205)
```

Similar Colors

Text with hexadecimal color #1f31cd

This text has a font color of #1f31cd.

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

#1f31cd background color

This paragraph has a background color of #1f31cd.

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

#1f31cd border color

This element has a border color of #1f31cd.

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

CSS codes

.text {color:#1f31cd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030412
```
#030412 rgb(3,4,18)
```
#050823
```
#050823 rgb(5,8,35)
```
#080c34
```
#080c34 rgb(8,12,52)
```
#0a1045
```
#0a1045 rgb(10,16,69)
```
#0d1456
```
#0d1456 rgb(13,20,86)
```
#101967
```
#101967 rgb(16,25,103)
```
#121d78
```
#121d78 rgb(18,29,120)
```
#152189
```
#152189 rgb(21,33,137)
```
#17259a
```
#17259a rgb(23,37,154)
```
#1a29ab
```
#1a29ab rgb(26,41,171)
```
#1c2dbc
```
#1c2dbc rgb(28,45,188)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```

Shade Color Variation

#2235de
```
#2235de rgb(34,53,222)
```
#3345e0
```
#3345e0 rgb(51,69,224)
```
#4455e3
```
#4455e3 rgb(68,85,227)
```
#5564e5
```
#5564e5 rgb(85,100,229)
```
#6674e8
```
#6674e8 rgb(102,116,232)
```
#7783ea
```
#7783ea rgb(119,131,234)
```
#8893ed
```
#8893ed rgb(136,147,237)
```
#99a2f0
```
#99a2f0 rgb(153,162,240)
```
#aab2f2
```
#aab2f2 rgb(170,178,242)
```
#bbc1f5
```
#bbc1f5 rgb(187,193,245)
```
#ccd1f7
```
#ccd1f7 rgb(204,209,247)
```
#dde0fa
```
#dde0fa rgb(221,224,250)
```
#eef0fd
```
#eef0fd rgb(238,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71727b is the less saturated color, while #041be8 is the most saturated one.

#71727b
```
#71727b rgb(113,114,123)
```
#686b84
```
#686b84 rgb(104,107,132)
```
#5f638d
```
#5f638d rgb(95,99,141)
```
#555c97
```
#555c97 rgb(85,92,151)
```
#4c55a0
```
#4c55a0 rgb(76,85,160)
```
#434ea9
```
#434ea9 rgb(67,78,169)
```
#3a47b2
```
#3a47b2 rgb(58,71,178)
```
#313fbb
```
#313fbb rgb(49,63,187)
```
#2838c4
```
#2838c4 rgb(40,56,196)
```
#1f31cd
```
#1f31cd rgb(31,49,205)
```
#162ad6
```
#162ad6 rgb(22,42,214)
```
#0d23df
```
#0d23df rgb(13,35,223)
```
#041be8
```
#041be8 rgb(4,27,232)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0b45af Protanomaly 1% of men, 0.01% of women
#0b48a1 Deuteranomaly 6% of men, 0.4% of women
#0b4c87 Tritanomaly 0.01% of the population

#1f31cd hex color

#1f31cd Color Information

#1f31cd Color Conversion

Color Schemes with #1f31cd

Alternatives to #1f31cd

#1f31cd Preview

Shades and Tints of #1f31cd

Tones of #1f31cd

Color Blindness Simulator