#1f3dd0 hex color

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

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

● #1f3dd0 color description : Strong blue.

The hexadecimal color #1f3dd0 has RGB values of R:31, G:61, B:208 and CMYK values of C:0.85, M:0.71, Y:0, K:0.18. Its decimal value is 2047440.

Hex triplet	1f3dd0	`#1f3dd0`
RGB Decimal	31, 61, 208	`rgb(31,61,208)`
RGB Percent	12.2, 23.9, 81.6	`rgb(12.2%,23.9%,81.6%)`
CMYK	85, 71, 0, 18
HSL	229.8°, 74.1, 46.9	`hsl(229.8,74.1%,46.9%)`
HSV (or HSB)	229.8°, 85.1, 81.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.359, 44.562, -77.627
XYZ	13.617, 8.182, 60.533
xyY	0.165, 0.099, 8.182
CIE-LCH	34.359, 89.508, 299.858
CIE-LUV	34.359, -11.85, -105.74
Hunter-Lab	28.604, 34.917, -105.449
Binary	00011111, 00111101, 11010000

#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#d0b21f
```
#d0b21f rgb(208,178,31)
```

Complementary Color

#1f96d0
```
#1f96d0 rgb(31,150,208)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#5a1fd0
```
#5a1fd0 rgb(90,31,208)
```

Analogous Color

#96d01f
```
#96d01f rgb(150,208,31)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#d05a1f
```
#d05a1f rgb(208,90,31)
```

Split Complementary Color

#3dd01f
```
#3dd01f rgb(61,208,31)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#d01f3d
```
#d01f3d rgb(208,31,61)
```

Triadic Color

#1fd0b2
```
#1fd0b2 rgb(31,208,178)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#d01f3d
```
#d01f3d rgb(208,31,61)
```
#d0b21f
```
#d0b21f rgb(208,178,31)
```

Tetradic Color

#15298d
```
#15298d rgb(21,41,141)
```
#1830a4
```
#1830a4 rgb(24,48,164)
```
#1c36ba
```
#1c36ba rgb(28,54,186)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#2948df
```
#2948df rgb(41,72,223)
```
#405be2
```
#405be2 rgb(64,91,226)
```
#566ee6
```
#566ee6 rgb(86,110,230)
```

Monochromatic Color

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

#1f69d0
```
#1f69d0 rgb(31,105,208)
```
#1f5bd0
```
#1f5bd0 rgb(31,91,208)
```
#1f4cd0
```
#1f4cd0 rgb(31,76,208)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#1f2ed0
```
#1f2ed0 rgb(31,46,208)
```
#1f20d0
```
#1f20d0 rgb(31,32,208)
```
#2d1fd0
```
#2d1fd0 rgb(45,31,208)
```

Similar Colors

Text with hexadecimal color #1f3dd0

This text has a font color of #1f3dd0.

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

#1f3dd0 background color

This paragraph has a background color of #1f3dd0.

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

#1f3dd0 border color

This element has a border color of #1f3dd0.

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

CSS codes

.text {color:#1f3dd0;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030614
```
#030614 rgb(3,6,20)
```
#060b25
```
#060b25 rgb(6,11,37)
```
#081036
```
#081036 rgb(8,16,54)
```
#0b1547
```
#0b1547 rgb(11,21,71)
```
#0d1a59
```
#0d1a59 rgb(13,26,89)
```
#101f6a
```
#101f6a rgb(16,31,106)
```
#12247b
```
#12247b rgb(18,36,123)
```
#15298c
```
#15298c rgb(21,41,140)
```
#172e9d
```
#172e9d rgb(23,46,157)
```
#1a33ae
```
#1a33ae rgb(26,51,174)
```
#1c38bf
```
#1c38bf rgb(28,56,191)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```

Shade Color Variation

#2444de
```
#2444de rgb(36,68,222)
```
#3552e1
```
#3552e1 rgb(53,82,225)
```
#4661e3
```
#4661e3 rgb(70,97,227)
```
#5770e6
```
#5770e6 rgb(87,112,230)
```
#697ee9
```
#697ee9 rgb(105,126,233)
```
#7a8deb
```
#7a8deb rgb(122,141,235)
```
#8b9bee
```
#8b9bee rgb(139,155,238)
```
#9caaf0
```
#9caaf0 rgb(156,170,240)
```
#adb9f3
```
#adb9f3 rgb(173,185,243)
```
#bec7f5
```
#bec7f5 rgb(190,199,245)
```
#cfd6f8
```
#cfd6f8 rgb(207,214,248)
```
#e0e4fa
```
#e0e4fa rgb(224,228,250)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

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

#72747d
```
#72747d rgb(114,116,125)
```
#696e86
```
#696e86 rgb(105,110,134)
```
#5f6890
```
#5f6890 rgb(95,104,144)
```
#566199
```
#566199 rgb(86,97,153)
```
#4d5ba2
```
#4d5ba2 rgb(77,91,162)
```
#4455ab
```
#4455ab rgb(68,85,171)
```
#3b4fb4
```
#3b4fb4 rgb(59,79,180)
```
#3149be
```
#3149be rgb(49,73,190)
```
#2843c7
```
#2843c7 rgb(40,67,199)
```
#1f3dd0
```
#1f3dd0 rgb(31,61,208)
```
#1637d9
```
#1637d9 rgb(22,55,217)
```
#0d31e2
```
#0d31e2 rgb(13,49,226)
```
#032bec
```
#032bec rgb(3,43,236)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d4361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0b4db7 Protanomaly 1% of men, 0.01% of women
#0b50a9 Deuteranomaly 6% of men, 0.4% of women
#0b558d Tritanomaly 0.01% of the population

#1f3dd0 hex color

#1f3dd0 Color Information

#1f3dd0 Color Conversion

Color Schemes with #1f3dd0

Alternatives to #1f3dd0

#1f3dd0 Preview

Shades and Tints of #1f3dd0

Tones of #1f3dd0

Color Blindness Simulator