#1f5fd0 hex color

In a RGB color space, hex #1f5fd0 is composed of 12.2% red, 37.3% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 54.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 218.3 degrees, a saturation of 74.1% and a lightness of 46.9%. #1f5fd0 color hex could be obtained by blending #3ebeff with #0000a1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 37
- B 82
RGB color chart
- C 85
- M 54
- Y 0
- K 18
CMYK color chart

● #1f5fd0 color description : Strong blue.

The hexadecimal color #1f5fd0 has RGB values of R:31, G:95, B:208 and CMYK values of C:0.85, M:0.54, Y:0, K:0.18. Its decimal value is 2056144.

Hex triplet	1f5fd0	`#1f5fd0`
RGB Decimal	31, 95, 208	`rgb(31,95,208)`
RGB Percent	12.2, 37.3, 81.6	`rgb(12.2%,37.3%,81.6%)`
CMYK	85, 54, 0, 18
HSL	218.3°, 74.1, 46.9	`hsl(218.3,74.1%,46.9%)`
HSV (or HSB)	218.3°, 85.1, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.806, 22.832, -63.791
XYZ	16.04, 13.028, 61.34
xyY	0.177, 0.144, 13.028
CIE-LCH	42.806, 67.754, 289.694
CIE-LUV	42.806, -19.816, -95.632
Hunter-Lab	36.095, 16.156, -75.492
Binary	00011111, 01011111, 11010000

#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#d0901f
```
#d0901f rgb(208,144,31)
```

Complementary Color

#1fb8d0
```
#1fb8d0 rgb(31,184,208)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#381fd0
```
#381fd0 rgb(56,31,208)
```

Analogous Color

#b8d01f
```
#b8d01f rgb(184,208,31)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#d0381f
```
#d0381f rgb(208,56,31)
```

Split Complementary Color

#5fd01f
```
#5fd01f rgb(95,208,31)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#d01f5f
```
#d01f5f rgb(208,31,95)
```

Triadic Color

#1fd090
```
#1fd090 rgb(31,208,144)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#d01f5f
```
#d01f5f rgb(208,31,95)
```
#d0901f
```
#d0901f rgb(208,144,31)
```

Tetradic Color

#15418d
```
#15418d rgb(21,65,141)
```
#184ba4
```
#184ba4 rgb(24,75,164)
```
#1c55ba
```
#1c55ba rgb(28,85,186)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#296bdf
```
#296bdf rgb(41,107,223)
```
#407ae2
```
#407ae2 rgb(64,122,226)
```
#568ae6
```
#568ae6 rgb(86,138,230)
```

Monochromatic Color

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

#1f8bd0
```
#1f8bd0 rgb(31,139,208)
```
#1f7dd0
```
#1f7dd0 rgb(31,125,208)
```
#1f6ed0
```
#1f6ed0 rgb(31,110,208)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#1f50d0
```
#1f50d0 rgb(31,80,208)
```
#1f42d0
```
#1f42d0 rgb(31,66,208)
```
#1f33d0
```
#1f33d0 rgb(31,51,208)
```

Similar Colors

Text with hexadecimal color #1f5fd0

This text has a font color of #1f5fd0.

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

#1f5fd0 background color

This paragraph has a background color of #1f5fd0.

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

#1f5fd0 border color

This element has a border color of #1f5fd0.

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

CSS codes

.text {color:#1f5fd0;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030914
```
#030914 rgb(3,9,20)
```
#061125
```
#061125 rgb(6,17,37)
```
#081936
```
#081936 rgb(8,25,54)
```
#0b2147
```
#0b2147 rgb(11,33,71)
```
#0d2859
```
#0d2859 rgb(13,40,89)
```
#10306a
```
#10306a rgb(16,48,106)
```
#12387b
```
#12387b rgb(18,56,123)
```
#15408c
```
#15408c rgb(21,64,140)
```
#17489d
```
#17489d rgb(23,72,157)
```
#1a4fae
```
#1a4fae rgb(26,79,174)
```
#1c57bf
```
#1c57bf rgb(28,87,191)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```

Shade Color Variation

#2468de
```
#2468de rgb(36,104,222)
```
#3573e1
```
#3573e1 rgb(53,115,225)
```
#467fe3
```
#467fe3 rgb(70,127,227)
```
#578be6
```
#578be6 rgb(87,139,230)
```
#6997e9
```
#6997e9 rgb(105,151,233)
```
#7aa3eb
```
#7aa3eb rgb(122,163,235)
```
#8baeee
```
#8baeee rgb(139,174,238)
```
#9cbaf0
```
#9cbaf0 rgb(156,186,240)
```
#adc6f3
```
#adc6f3 rgb(173,198,243)
```
#bed2f5
```
#bed2f5 rgb(190,210,245)
```
#cfdef8
```
#cfdef8 rgb(207,222,248)
```
#e0eafa
```
#e0eafa rgb(224,234,250)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72767d is the less saturated color, while #0357ec is the most saturated one.

#72767d
```
#72767d rgb(114,118,125)
```
#697386
```
#697386 rgb(105,115,134)
```
#5f7190
```
#5f7190 rgb(95,113,144)
```
#566e99
```
#566e99 rgb(86,110,153)
```
#4d6ca2
```
#4d6ca2 rgb(77,108,162)
```
#4469ab
```
#4469ab rgb(68,105,171)
```
#3b67b4
```
#3b67b4 rgb(59,103,180)
```
#3164be
```
#3164be rgb(49,100,190)
```
#2862c7
```
#2862c7 rgb(40,98,199)
```
#1f5fd0
```
#1f5fd0 rgb(31,95,208)
```
#165cd9
```
#165cd9 rgb(22,92,217)
```
#0d5ae2
```
#0d5ae2 rgb(13,90,226)
```
#0357ec
```
#0357ec rgb(3,87,236)
```

Tone Color Variation

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

Dichromacy

#0069cf Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#0b65cf Protanomaly 1% of men, 0.01% of women
#0b69bf Deuteranomaly 6% of men, 0.4% of women
#0b6e9c Tritanomaly 0.01% of the population

#1f5fd0 hex color

#1f5fd0 Color Information

#1f5fd0 Color Conversion

Color Schemes with #1f5fd0

Alternatives to #1f5fd0

#1f5fd0 Preview

Shades and Tints of #1f5fd0

Tones of #1f5fd0

Color Blindness Simulator