#1f5de0 hex color

In a RGB color space, hex #1f5de0 is composed of 12.2% red, 36.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 58.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 220.7 degrees, a saturation of 75.7% and a lightness of 50%. #1f5de0 color hex could be obtained by blending #3ebaff with #0000c1. Closest websafe color is: #3366cc.

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

● #1f5de0 color description : Vivid blue.

The hexadecimal color #1f5de0 has RGB values of R:31, G:93, B:224 and CMYK values of C:0.86, M:0.58, Y:0, K:0.12. Its decimal value is 2055648.

Hex triplet	1f5de0	`#1f5de0`
RGB Decimal	31, 93, 224	`rgb(31,93,224)`
RGB Percent	12.2, 36.5, 87.8	`rgb(12.2%,36.5%,87.8%)`
CMYK	86, 58, 0, 12
HSL	220.7°, 75.7, 50	`hsl(220.7,75.7%,50%)`
HSV (or HSB)	220.7°, 86.2, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.508, 30.266, -71.786
XYZ	17.931, 13.5, 72.178
xyY	0.173, 0.13, 13.5
CIE-LCH	43.508, 77.906, 292.861
CIE-LUV	43.508, -19.06, -107.621
Hunter-Lab	36.743, 22.811, -90.749
Binary	00011111, 01011101, 11100000

#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#e0a21f
```
#e0a21f rgb(224,162,31)
```

Complementary Color

#1fbee0
```
#1fbee0 rgb(31,190,224)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#411fe0
```
#411fe0 rgb(65,31,224)
```

Analogous Color

#bee01f
```
#bee01f rgb(190,224,31)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#e0411f
```
#e0411f rgb(224,65,31)
```

Split Complementary Color

#5de01f
```
#5de01f rgb(93,224,31)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#e01f5d
```
#e01f5d rgb(224,31,93)
```

Triadic Color

#1fe0a2
```
#1fe0a2 rgb(31,224,162)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#e01f5d
```
#e01f5d rgb(224,31,93)
```
#e0a21f
```
#e0a21f rgb(224,162,31)
```

Tetradic Color

#16419d
```
#16419d rgb(22,65,157)
```
#194ab3
```
#194ab3 rgb(25,74,179)
```
#1c54ca
```
#1c54ca rgb(28,84,202)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#356de3
```
#356de3 rgb(53,109,227)
```
#4c7de6
```
#4c7de6 rgb(76,125,230)
```
#628ee9
```
#628ee9 rgb(98,142,233)
```

Monochromatic Color

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

#1f8de0
```
#1f8de0 rgb(31,141,224)
```
#1f7de0
```
#1f7de0 rgb(31,125,224)
```
#1f6de0
```
#1f6de0 rgb(31,109,224)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#1f4de0
```
#1f4de0 rgb(31,77,224)
```
#1f3de0
```
#1f3de0 rgb(31,61,224)
```
#1f2de0
```
#1f2de0 rgb(31,45,224)
```

Similar Colors

Text with hexadecimal color #1f5de0

This text has a font color of #1f5de0.

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

#1f5de0 background color

This paragraph has a background color of #1f5de0.

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

#1f5de0 border color

This element has a border color of #1f5de0.

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

CSS codes

.text {color:#1f5de0;}

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

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

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

#020711
```
#020711 rgb(2,7,17)
```
#050e22
```
#050e22 rgb(5,14,34)
```
#071534
```
#071534 rgb(7,21,52)
```
#0a1d45
```
#0a1d45 rgb(10,29,69)
```
#0c2456
```
#0c2456 rgb(12,36,86)
```
#0e2b67
```
#0e2b67 rgb(14,43,103)
```
#113279
```
#113279 rgb(17,50,121)
```
#13398a
```
#13398a rgb(19,57,138)
```
#15409b
```
#15409b rgb(21,64,155)
```
#1848ac
```
#1848ac rgb(24,72,172)
```
#1a4fbe
```
#1a4fbe rgb(26,79,190)
```
#1d56cf
```
#1d56cf rgb(29,86,207)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```

Shade Color Variation

#3069e2
```
#3069e2 rgb(48,105,226)
```
#4176e5
```
#4176e5 rgb(65,118,229)
```
#5382e7
```
#5382e7 rgb(83,130,231)
```
#648fea
```
#648fea rgb(100,143,234)
```
#759bec
```
#759bec rgb(117,155,236)
```
#86a8ee
```
#86a8ee rgb(134,168,238)
```
#98b4f1
```
#98b4f1 rgb(152,180,241)
```
#a9c1f3
```
#a9c1f3 rgb(169,193,243)
```
#bacdf5
```
#bacdf5 rgb(186,205,245)
```
#cbdaf8
```
#cbdaf8 rgb(203,218,248)
```
#dde6fa
```
#dde6fa rgb(221,230,250)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#777d88
```
#777d88 rgb(119,125,136)
```
#6d7992
```
#6d7992 rgb(109,121,146)
```
#64769b
```
#64769b rgb(100,118,155)
```
#5a72a5
```
#5a72a5 rgb(90,114,165)
```
#506faf
```
#506faf rgb(80,111,175)
```
#466bb9
```
#466bb9 rgb(70,107,185)
```
#3c68c3
```
#3c68c3 rgb(60,104,195)
```
#3364cc
```
#3364cc rgb(51,100,204)
```
#2961d6
```
#2961d6 rgb(41,97,214)
```
#1f5de0
```
#1f5de0 rgb(31,93,224)
```
#1559ea
```
#1559ea rgb(21,89,234)
```
#0b56f4
```
#0b56f4 rgb(11,86,244)
```
#0252fd
```
#0252fd rgb(2,82,253)
```

Tone Color Variation

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

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#0b66d7 Protanomaly 1% of men, 0.01% of women
#0b6ac6 Deuteranomaly 6% of men, 0.4% of women
#0b6fa3 Tritanomaly 0.01% of the population

#1f5de0 hex color

#1f5de0 Color Information

#1f5de0 Color Conversion

Color Schemes with #1f5de0

Alternatives to #1f5de0

#1f5de0 Preview

Shades and Tints of #1f5de0

Tones of #1f5de0

Color Blindness Simulator