#1f5cdf hex color

In a RGB color space, hex #1f5cdf is composed of 12.2% red, 36.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 58.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 220.9 degrees, a saturation of 75.6% and a lightness of 49.8%. #1f5cdf color hex could be obtained by blending #3eb8ff with #0000bf. Closest websafe color is: #3366cc.

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

● #1f5cdf color description : Vivid blue.

The hexadecimal color #1f5cdf has RGB values of R:31, G:92, B:223 and CMYK values of C:0.86, M:0.59, Y:0, K:0.13. Its decimal value is 2055391.

Hex triplet	1f5cdf	`#1f5cdf`
RGB Decimal	31, 92, 223	`rgb(31,92,223)`
RGB Percent	12.2, 36.1, 87.5	`rgb(12.2%,36.1%,87.5%)`
CMYK	86, 59, 0, 13
HSL	220.9°, 75.6, 49.8	`hsl(220.9,75.6%,49.8%)`
HSV (or HSB)	220.9°, 86.1, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.17, 30.531, -71.769
XYZ	17.709, 13.272, 71.436
xyY	0.173, 0.13, 13.272
CIE-LCH	43.17, 77.993, 293.045
CIE-LUV	43.17, -18.816, -107.337
Hunter-Lab	36.431, 23.014, -90.76
Binary	00011111, 01011100, 11011111

#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#dfa21f
```
#dfa21f rgb(223,162,31)
```

Complementary Color

#1fbcdf
```
#1fbcdf rgb(31,188,223)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#421fdf
```
#421fdf rgb(66,31,223)
```

Analogous Color

#bcdf1f
```
#bcdf1f rgb(188,223,31)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#df421f
```
#df421f rgb(223,66,31)
```

Split Complementary Color

#5cdf1f
```
#5cdf1f rgb(92,223,31)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#df1f5c
```
#df1f5c rgb(223,31,92)
```

Triadic Color

#1fdfa2
```
#1fdfa2 rgb(31,223,162)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#df1f5c
```
#df1f5c rgb(223,31,92)
```
#dfa21f
```
#dfa21f rgb(223,162,31)
```

Tetradic Color

#16409c
```
#16409c rgb(22,64,156)
```
#194ab2
```
#194ab2 rgb(25,74,178)
```
#1c53c9
```
#1c53c9 rgb(28,83,201)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#356ce3
```
#356ce3 rgb(53,108,227)
```
#4b7ce6
```
#4b7ce6 rgb(75,124,230)
```
#618de9
```
#618de9 rgb(97,141,233)
```

Monochromatic Color

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

#1f8cdf
```
#1f8cdf rgb(31,140,223)
```
#1f7cdf
```
#1f7cdf rgb(31,124,223)
```
#1f6cdf
```
#1f6cdf rgb(31,108,223)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#1f4cdf
```
#1f4cdf rgb(31,76,223)
```
#1f3cdf
```
#1f3cdf rgb(31,60,223)
```
#1f2cdf
```
#1f2cdf rgb(31,44,223)
```

Similar Colors

Text with hexadecimal color #1f5cdf

This text has a font color of #1f5cdf.

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

#1f5cdf background color

This paragraph has a background color of #1f5cdf.

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

#1f5cdf border color

This element has a border color of #1f5cdf.

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

CSS codes

.text {color:#1f5cdf;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#050e22
```
#050e22 rgb(5,14,34)
```
#071533
```
#071533 rgb(7,21,51)
```
#091c44
```
#091c44 rgb(9,28,68)
```
#0c2355
```
#0c2355 rgb(12,35,85)
```
#0e2a66
```
#0e2a66 rgb(14,42,102)
```
#113178
```
#113178 rgb(17,49,120)
```
#133889
```
#133889 rgb(19,56,137)
```
#15409a
```
#15409a rgb(21,64,154)
```
#1847ab
```
#1847ab rgb(24,71,171)
```
#1a4ebd
```
#1a4ebd rgb(26,78,189)
```
#1d55ce
```
#1d55ce rgb(29,85,206)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```

Shade Color Variation

#2f68e2
```
#2f68e2 rgb(47,104,226)
```
#4175e5
```
#4175e5 rgb(65,117,229)
```
#5281e7
```
#5281e7 rgb(82,129,231)
```
#638ee9
```
#638ee9 rgb(99,142,233)
```
#749aec
```
#749aec rgb(116,154,236)
```
#86a7ee
```
#86a7ee rgb(134,167,238)
```
#97b3f1
```
#97b3f1 rgb(151,179,241)
```
#a8c0f3
```
#a8c0f3 rgb(168,192,243)
```
#b9ccf5
```
#b9ccf5 rgb(185,204,245)
```
#cad9f8
```
#cad9f8 rgb(202,217,248)
```
#dce5fa
```
#dce5fa rgb(220,229,250)
```
#edf2fc
```
#edf2fc rgb(237,242,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c87 is the less saturated color, while #0251fc is the most saturated one.

#777c87
```
#777c87 rgb(119,124,135)
```
#6d7891
```
#6d7891 rgb(109,120,145)
```
#63759b
```
#63759b rgb(99,117,155)
```
#5a71a4
```
#5a71a4 rgb(90,113,164)
```
#506eae
```
#506eae rgb(80,110,174)
```
#466ab8
```
#466ab8 rgb(70,106,184)
```
#3c67c2
```
#3c67c2 rgb(60,103,194)
```
#3363cb
```
#3363cb rgb(51,99,203)
```
#2960d5
```
#2960d5 rgb(41,96,213)
```
#1f5cdf
```
#1f5cdf rgb(31,92,223)
```
#1558e9
```
#1558e9 rgb(21,88,233)
```
#0b55f3
```
#0b55f3 rgb(11,85,243)
```
#0251fc
```
#0251fc rgb(2,81,252)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#0b65d5 Protanomaly 1% of men, 0.01% of women
#0b69c4 Deuteranomaly 6% of men, 0.4% of women
#0b6ea2 Tritanomaly 0.01% of the population

#1f5cdf hex color

#1f5cdf Color Information

#1f5cdf Color Conversion

Color Schemes with #1f5cdf

Alternatives to #1f5cdf

#1f5cdf Preview

Shades and Tints of #1f5cdf

Tones of #1f5cdf

Color Blindness Simulator