#1f5dc9 hex color

In a RGB color space, hex #1f5dc9 is composed of 12.2% red, 36.5% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 53.7% magenta, 0% yellow and 21.2% black. It has a hue angle of 218.1 degrees, a saturation of 73.3% and a lightness of 45.5%. #1f5dc9 color hex could be obtained by blending #3ebaff with #000093. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 36
- B 79
RGB color chart
- C 85
- M 54
- Y 0
- K 21
CMYK color chart

● #1f5dc9 color description : Strong blue.

The hexadecimal color #1f5dc9 has RGB values of R:31, G:93, B:201 and CMYK values of C:0.85, M:0.54, Y:0, K:0.21. Its decimal value is 2055625.

Hex triplet	1f5dc9	`#1f5dc9`
RGB Decimal	31, 93, 201	`rgb(31,93,201)`
RGB Percent	12.2, 36.5, 78.8	`rgb(12.2%,36.5%,78.8%)`
CMYK	85, 54, 0, 21
HSL	218.1°, 73.3, 45.5	`hsl(218.1,73.3%,45.5%)`
HSV (or HSB)	218.1°, 84.6, 78.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.745, 21.419, -61.482
XYZ	15.02, 12.336, 56.845
xyY	0.178, 0.147, 12.336
CIE-LCH	41.745, 65.106, 289.207
CIE-LUV	41.745, -19.386, -91.58
Hunter-Lab	35.122, 14.87, -71.373
Binary	00011111, 01011101, 11001001

#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#c98b1f
```
#c98b1f rgb(201,139,31)
```

Complementary Color

#1fb2c9
```
#1fb2c9 rgb(31,178,201)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#361fc9
```
#361fc9 rgb(54,31,201)
```

Analogous Color

#b2c91f
```
#b2c91f rgb(178,201,31)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#c9361f
```
#c9361f rgb(201,54,31)
```

Split Complementary Color

#5dc91f
```
#5dc91f rgb(93,201,31)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#c91f5d
```
#c91f5d rgb(201,31,93)
```

Triadic Color

#1fc98b
```
#1fc98b rgb(31,201,139)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#c91f5d
```
#c91f5d rgb(201,31,93)
```
#c98b1f
```
#c98b1f rgb(201,139,31)
```

Tetradic Color

#153e87
```
#153e87 rgb(21,62,135)
```
#18499d
```
#18499d rgb(24,73,157)
```
#1c53b3
```
#1c53b3 rgb(28,83,179)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#2468dd
```
#2468dd rgb(36,104,221)
```
#3a77e1
```
#3a77e1 rgb(58,119,225)
```
#5086e4
```
#5086e4 rgb(80,134,228)
```

Monochromatic Color

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

#1f88c9
```
#1f88c9 rgb(31,136,201)
```
#1f79c9
```
#1f79c9 rgb(31,121,201)
```
#1f6bc9
```
#1f6bc9 rgb(31,107,201)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#1f4fc9
```
#1f4fc9 rgb(31,79,201)
```
#1f41c9
```
#1f41c9 rgb(31,65,201)
```
#1f32c9
```
#1f32c9 rgb(31,50,201)
```

Similar Colors

Text with hexadecimal color #1f5dc9

This text has a font color of #1f5dc9.

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

#1f5dc9 background color

This paragraph has a background color of #1f5dc9.

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

#1f5dc9 border color

This element has a border color of #1f5dc9.

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

CSS codes

.text {color:#1f5dc9;}

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

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

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

#02070e
```
#02070e rgb(2,7,14)
```
#050e1f
```
#050e1f rgb(5,14,31)
```
#071630
```
#071630 rgb(7,22,48)
```
#0a1e41
```
#0a1e41 rgb(10,30,65)
```
#0d2652
```
#0d2652 rgb(13,38,82)
```
#0f2e63
```
#0f2e63 rgb(15,46,99)
```
#123674
```
#123674 rgb(18,54,116)
```
#153e85
```
#153e85 rgb(21,62,133)
```
#174596
```
#174596 rgb(23,69,150)
```
#1a4da7
```
#1a4da7 rgb(26,77,167)
```
#1c55b8
```
#1c55b8 rgb(28,85,184)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#2265da
```
#2265da rgb(34,101,218)
```

Shade Color Variation

#3070df
```
#3070df rgb(48,112,223)
```
#417ce2
```
#417ce2 rgb(65,124,226)
```
#5287e4
```
#5287e4 rgb(82,135,228)
```
#6393e7
```
#6393e7 rgb(99,147,231)
```
#749fea
```
#749fea rgb(116,159,234)
```
#85abec
```
#85abec rgb(133,171,236)
```
#96b6ef
```
#96b6ef rgb(150,182,239)
```
#a7c2f1
```
#a7c2f1 rgb(167,194,241)
```
#b8cef4
```
#b8cef4 rgb(184,206,244)
```
#c9daf7
```
#c9daf7 rgb(201,218,247)
```
#dae5f9
```
#dae5f9 rgb(218,229,249)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7379 is the less saturated color, while #0456e4 is the most saturated one.

#6f7379
```
#6f7379 rgb(111,115,121)
```
#667082
```
#667082 rgb(102,112,130)
```
#5d6e8b
```
#5d6e8b rgb(93,110,139)
```
#556b93
```
#556b93 rgb(85,107,147)
```
#4c699c
```
#4c699c rgb(76,105,156)
```
#4367a5
```
#4367a5 rgb(67,103,165)
```
#3a64ae
```
#3a64ae rgb(58,100,174)
```
#3162b7
```
#3162b7 rgb(49,98,183)
```
#285fc0
```
#285fc0 rgb(40,95,192)
```
#1f5dc9
```
#1f5dc9 rgb(31,93,201)
```
#165bd2
```
#165bd2 rgb(22,91,210)
```
#0d58db
```
#0d58db rgb(13,88,219)
```
#0456e4
```
#0456e4 rgb(4,86,228)
```

Tone Color Variation

Below, you can see how #1f5dc9 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
#4c586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0b63ca Protanomaly 1% of men, 0.01% of women
#0b67ba Deuteranomaly 6% of men, 0.4% of women
#0b6c97 Tritanomaly 0.01% of the population

#1f5dc9 hex color

#1f5dc9 Color Information

#1f5dc9 Color Conversion

Color Schemes with #1f5dc9

Alternatives to #1f5dc9

#1f5dc9 Preview

Shades and Tints of #1f5dc9

Tones of #1f5dc9

Color Blindness Simulator