#1f5dcd hex color

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

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

● #1f5dcd color description : Strong blue.

The hexadecimal color #1f5dcd has RGB values of R:31, G:93, B:205 and CMYK values of C:0.85, M:0.55, Y:0, K:0.2. Its decimal value is 2055629.

Hex triplet	1f5dcd	`#1f5dcd`
RGB Decimal	31, 93, 205	`rgb(31,93,205)`
RGB Percent	12.2, 36.5, 80.4	`rgb(12.2%,36.5%,80.4%)`
CMYK	85, 55, 0, 20
HSL	218.6°, 73.7, 46.3	`hsl(218.6,73.7%,46.3%)`
HSV (or HSB)	218.6°, 84.9, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.041, 22.973, -63.308
XYZ	15.496, 12.527, 59.355
xyY	0.177, 0.143, 12.527
CIE-LCH	42.041, 67.348, 289.945
CIE-LUV	42.041, -19.316, -94.436
Hunter-Lab	35.393, 16.217, -74.657
Binary	00011111, 01011101, 11001101

#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#cd8f1f
```
#cd8f1f rgb(205,143,31)
```

Complementary Color

#1fb4cd
```
#1fb4cd rgb(31,180,205)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#381fcd
```
#381fcd rgb(56,31,205)
```

Analogous Color

#b4cd1f
```
#b4cd1f rgb(180,205,31)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#cd381f
```
#cd381f rgb(205,56,31)
```

Split Complementary Color

#5dcd1f
```
#5dcd1f rgb(93,205,31)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#cd1f5d
```
#cd1f5d rgb(205,31,93)
```

Triadic Color

#1fcd8f
```
#1fcd8f rgb(31,205,143)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#cd1f5d
```
#cd1f5d rgb(205,31,93)
```
#cd8f1f
```
#cd8f1f rgb(205,143,31)
```

Tetradic Color

#153f8b
```
#153f8b rgb(21,63,139)
```
#1849a1
```
#1849a1 rgb(24,73,161)
```
#1c53b7
```
#1c53b7 rgb(28,83,183)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#2768de
```
#2768de rgb(39,104,222)
```
#3d78e2
```
#3d78e2 rgb(61,120,226)
```
#5387e5
```
#5387e5 rgb(83,135,229)
```

Monochromatic Color

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

#1f89cd
```
#1f89cd rgb(31,137,205)
```
#1f7acd
```
#1f7acd rgb(31,122,205)
```
#1f6ccd
```
#1f6ccd rgb(31,108,205)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#1f4fcd
```
#1f4fcd rgb(31,79,205)
```
#1f40cd
```
#1f40cd rgb(31,64,205)
```
#1f32cd
```
#1f32cd rgb(31,50,205)
```

Similar Colors

Text with hexadecimal color #1f5dcd

This text has a font color of #1f5dcd.

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

#1f5dcd background color

This paragraph has a background color of #1f5dcd.

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

#1f5dcd border color

This element has a border color of #1f5dcd.

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

CSS codes

.text {color:#1f5dcd;}

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

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

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 #eef3fd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#051023
```
#051023 rgb(5,16,35)
```
#081734
```
#081734 rgb(8,23,52)
```
#0a1f45
```
#0a1f45 rgb(10,31,69)
```
#0d2756
```
#0d2756 rgb(13,39,86)
```
#102f67
```
#102f67 rgb(16,47,103)
```
#123678
```
#123678 rgb(18,54,120)
```
#153e89
```
#153e89 rgb(21,62,137)
```
#17469a
```
#17469a rgb(23,70,154)
```
#1a4eab
```
#1a4eab rgb(26,78,171)
```
#1c55bc
```
#1c55bc rgb(28,85,188)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```

Shade Color Variation

#2265de
```
#2265de rgb(34,101,222)
```
#3371e0
```
#3371e0 rgb(51,113,224)
```
#447de3
```
#447de3 rgb(68,125,227)
```
#5589e5
```
#5589e5 rgb(85,137,229)
```
#6694e8
```
#6694e8 rgb(102,148,232)
```
#77a0ea
```
#77a0ea rgb(119,160,234)
```
#88aced
```
#88aced rgb(136,172,237)
```
#99b8f0
```
#99b8f0 rgb(153,184,240)
```
#aac4f2
```
#aac4f2 rgb(170,196,242)
```
#bbd0f5
```
#bbd0f5 rgb(187,208,245)
```
#ccdcf7
```
#ccdcf7 rgb(204,220,247)
```
#dde8fa
```
#dde8fa rgb(221,232,250)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```

Tint Color Variation

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

#71747b
```
#71747b rgb(113,116,123)
```
#687284
```
#687284 rgb(104,114,132)
```
#5f6f8d
```
#5f6f8d rgb(95,111,141)
```
#556d97
```
#556d97 rgb(85,109,151)
```
#4c6aa0
```
#4c6aa0 rgb(76,106,160)
```
#4367a9
```
#4367a9 rgb(67,103,169)
```
#3a65b2
```
#3a65b2 rgb(58,101,178)
```
#3162bb
```
#3162bb rgb(49,98,187)
```
#2860c4
```
#2860c4 rgb(40,96,196)
```
#1f5dcd
```
#1f5dcd rgb(31,93,205)
```
#165ad6
```
#165ad6 rgb(22,90,214)
```
#0d58df
```
#0d58df rgb(13,88,223)
```
#0455e8
```
#0455e8 rgb(4,85,232)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c586f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cc Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#0b63cc Protanomaly 1% of men, 0.01% of women
#0b67bc Deuteranomaly 6% of men, 0.4% of women
#0b6c99 Tritanomaly 0.01% of the population

#1f5dcd hex color

#1f5dcd Color Information

#1f5dcd Color Conversion

Color Schemes with #1f5dcd

Alternatives to #1f5dcd

#1f5dcd Preview

Shades and Tints of #1f5dcd

Tones of #1f5dcd

Color Blindness Simulator