#1f3ad0 hex color

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

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

● #1f3ad0 color description : Strong blue.

The hexadecimal color #1f3ad0 has RGB values of R:31, G:58, B:208 and CMYK values of C:0.85, M:0.72, Y:0, K:0.18. Its decimal value is 2046672.

Hex triplet	1f3ad0	`#1f3ad0`
RGB Decimal	31, 58, 208	`rgb(31,58,208)`
RGB Percent	12.2, 22.7, 81.6	`rgb(12.2%,22.7%,81.6%)`
CMYK	85, 72, 0, 18
HSL	230.8°, 74.1, 46.9	`hsl(230.8,74.1%,46.9%)`
HSV (or HSB)	230.8°, 85.1, 81.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.712, 46.351, -78.695
XYZ	13.461, 7.87, 60.481
xyY	0.165, 0.096, 7.87
CIE-LCH	33.712, 91.331, 300.497
CIE-LUV	33.712, -11.304, -106.057
Hunter-Lab	28.054, 36.552, -108.182
Binary	00011111, 00111010, 11010000

#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#d0b51f
```
#d0b51f rgb(208,181,31)
```

Complementary Color

#1f93d0
```
#1f93d0 rgb(31,147,208)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#5c1fd0
```
#5c1fd0 rgb(92,31,208)
```

Analogous Color

#93d01f
```
#93d01f rgb(147,208,31)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#d05d1f
```
#d05d1f rgb(208,93,31)
```

Split Complementary Color

#3ad01f
```
#3ad01f rgb(58,208,31)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#d01f3a
```
#d01f3a rgb(208,31,58)
```

Triadic Color

#1fd0b5
```
#1fd0b5 rgb(31,208,181)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#d01f3a
```
#d01f3a rgb(208,31,58)
```
#d0b51f
```
#d0b51f rgb(208,181,31)
```

Tetradic Color

#15278d
```
#15278d rgb(21,39,141)
```
#182ea4
```
#182ea4 rgb(24,46,164)
```
#1c34ba
```
#1c34ba rgb(28,52,186)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#2945df
```
#2945df rgb(41,69,223)
```
#4058e2
```
#4058e2 rgb(64,88,226)
```
#566ce6
```
#566ce6 rgb(86,108,230)
```

Monochromatic Color

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

#1f66d0
```
#1f66d0 rgb(31,102,208)
```
#1f58d0
```
#1f58d0 rgb(31,88,208)
```
#1f49d0
```
#1f49d0 rgb(31,73,208)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#1f2bd0
```
#1f2bd0 rgb(31,43,208)
```
#221fd0
```
#221fd0 rgb(34,31,208)
```
#301fd0
```
#301fd0 rgb(48,31,208)
```

Similar Colors

Text with hexadecimal color #1f3ad0

This text has a font color of #1f3ad0.

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

#1f3ad0 background color

This paragraph has a background color of #1f3ad0.

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

#1f3ad0 border color

This element has a border color of #1f3ad0.

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

CSS codes

.text {color:#1f3ad0;}

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

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

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)
```
#060a25
```
#060a25 rgb(6,10,37)
```
#080f36
```
#080f36 rgb(8,15,54)
```
#0b1447
```
#0b1447 rgb(11,20,71)
```
#0d1959
```
#0d1959 rgb(13,25,89)
```
#101d6a
```
#101d6a rgb(16,29,106)
```
#12227b
```
#12227b rgb(18,34,123)
```
#15278c
```
#15278c rgb(21,39,140)
```
#172c9d
```
#172c9d rgb(23,44,157)
```
#1a30ae
```
#1a30ae rgb(26,48,174)
```
#1c35bf
```
#1c35bf rgb(28,53,191)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```

Shade Color Variation

#2441de
```
#2441de rgb(36,65,222)
```
#354fe1
```
#354fe1 rgb(53,79,225)
```
#465ee3
```
#465ee3 rgb(70,94,227)
```
#576de6
```
#576de6 rgb(87,109,230)
```
#697ce9
```
#697ce9 rgb(105,124,233)
```
#7a8beb
```
#7a8beb rgb(122,139,235)
```
#8b9aee
```
#8b9aee rgb(139,154,238)
```
#9ca9f0
```
#9ca9f0 rgb(156,169,240)
```
#adb7f3
```
#adb7f3 rgb(173,183,243)
```
#bec6f5
```
#bec6f5 rgb(190,198,245)
```
#cfd5f8
```
#cfd5f8 rgb(207,213,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, #72737d is the less saturated color, while #0327ec is the most saturated one.

#72737d
```
#72737d rgb(114,115,125)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#5f6790
```
#5f6790 rgb(95,103,144)
```
#566099
```
#566099 rgb(86,96,153)
```
#4d5aa2
```
#4d5aa2 rgb(77,90,162)
```
#4454ab
```
#4454ab rgb(68,84,171)
```
#3b4db4
```
#3b4db4 rgb(59,77,180)
```
#3147be
```
#3147be rgb(49,71,190)
```
#2840c7
```
#2840c7 rgb(40,64,199)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#1634d9
```
#1634d9 rgb(22,52,217)
```
#0d2de2
```
#0d2de2 rgb(13,45,226)
```
#0327ec
```
#0327ec rgb(3,39,236)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3c415f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005a90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0b4bb5 Protanomaly 1% of men, 0.01% of women
#0b4ea7 Deuteranomaly 6% of men, 0.4% of women
#0b528c Tritanomaly 0.01% of the population

#1f3ad0 hex color

#1f3ad0 Color Information

#1f3ad0 Color Conversion

Color Schemes with #1f3ad0

Alternatives to #1f3ad0

#1f3ad0 Preview

Shades and Tints of #1f3ad0

Tones of #1f3ad0

Color Blindness Simulator