#1f2adc hex color

In a RGB color space, hex #1f2adc is composed of 12.2% red, 16.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 80.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 236.5 degrees, a saturation of 75.3% and a lightness of 49.2%. #1f2adc color hex could be obtained by blending #3e54ff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 16
- B 86
RGB color chart
- C 86
- M 81
- Y 0
- K 14
CMYK color chart

● #1f2adc color description : Vivid blue.

The hexadecimal color #1f2adc has RGB values of R:31, G:42, B:220 and CMYK values of C:0.86, M:0.81, Y:0, K:0.14. Its decimal value is 2042588.

Hex triplet	1f2adc	`#1f2adc`
RGB Decimal	31, 42, 220	`rgb(31,42,220)`
RGB Percent	12.2, 16.5, 86.3	`rgb(12.2%,16.5%,86.3%)`
CMYK	86, 81, 0, 14
HSL	236.5°, 75.3, 49.2	`hsl(236.5,75.3%,49.2%)`
HSV (or HSB)	236.5°, 85.9, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.064, 58.813, -88.357
XYZ	14.309, 7.113, 68.325
xyY	0.159, 0.079, 7.113
CIE-LCH	32.064, 106.142, 303.649
CIE-LUV	32.064, -9.281, -113.354
Hunter-Lab	26.671, 49.088, -133.217
Binary	00011111, 00101010, 11011100

#1f2adc
```
#1f2adc rgb(31,42,220)
```
#dcd11f
```
#dcd11f rgb(220,209,31)
```

Complementary Color

#1f89dc
```
#1f89dc rgb(31,137,220)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#731fdc
```
#731fdc rgb(115,31,220)
```

Analogous Color

#89dc1f
```
#89dc1f rgb(137,220,31)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#dc731f
```
#dc731f rgb(220,115,31)
```

Split Complementary Color

#2adc1f
```
#2adc1f rgb(42,220,31)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#dc1f2a
```
#dc1f2a rgb(220,31,42)
```

Triadic Color

#1fdcd1
```
#1fdcd1 rgb(31,220,209)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#dc1f2a
```
#dc1f2a rgb(220,31,42)
```
#dcd11f
```
#dcd11f rgb(220,209,31)
```

Tetradic Color

#161d99
```
#161d99 rgb(22,29,153)
```
#1921af
```
#1921af rgb(25,33,175)
```
#1c26c6
```
#1c26c6 rgb(28,38,198)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#323de2
```
#323de2 rgb(50,61,226)
```
#4952e5
```
#4952e5 rgb(73,82,229)
```
#5f67e8
```
#5f67e8 rgb(95,103,232)
```

Monochromatic Color

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

#1f59dc
```
#1f59dc rgb(31,89,220)
```
#1f4adc
```
#1f4adc rgb(31,74,220)
```
#1f3adc
```
#1f3adc rgb(31,58,220)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#241fdc
```
#241fdc rgb(36,31,220)
```
#341fdc
```
#341fdc rgb(52,31,220)
```
#431fdc
```
#431fdc rgb(67,31,220)
```

Similar Colors

Text with hexadecimal color #1f2adc

This text has a font color of #1f2adc.

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

#1f2adc background color

This paragraph has a background color of #1f2adc.

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

#1f2adc border color

This element has a border color of #1f2adc.

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

CSS codes

.text {color:#1f2adc;}

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

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

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

#02030e
```
#02030e rgb(2,3,14)
```
#04061f
```
#04061f rgb(4,6,31)
```
#070930
```
#070930 rgb(7,9,48)
```
#090c41
```
#090c41 rgb(9,12,65)
```
#0c1052
```
#0c1052 rgb(12,16,82)
```
#0e1364
```
#0e1364 rgb(14,19,100)
```
#101675
```
#101675 rgb(16,22,117)
```
#131a86
```
#131a86 rgb(19,26,134)
```
#151d97
```
#151d97 rgb(21,29,151)
```
#1820a8
```
#1820a8 rgb(24,32,168)
```
#1a23ba
```
#1a23ba rgb(26,35,186)
```
#1d27cb
```
#1d27cb rgb(29,39,203)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```

Shade Color Variation

#2d38e1
```
#2d38e1 rgb(45,56,225)
```
#3e48e4
```
#3e48e4 rgb(62,72,228)
```
#5058e6
```
#5058e6 rgb(80,88,230)
```
#6169e9
```
#6169e9 rgb(97,105,233)
```
#7279eb
```
#7279eb rgb(114,121,235)
```
#8389ee
```
#8389ee rgb(131,137,238)
```
#949af0
```
#949af0 rgb(148,154,240)
```
#a6aaf2
```
#a6aaf2 rgb(166,170,242)
```
#b7baf5
```
#b7baf5 rgb(183,186,245)
```
#c8cbf7
```
#c8cbf7 rgb(200,203,247)
```
#d9dbfa
```
#d9dbfa rgb(217,219,250)
```
#eaebfc
```
#eaebfc rgb(234,235,252)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767785 is the less saturated color, while #0210f9 is the most saturated one.

#767785
```
#767785 rgb(118,119,133)
```
#6c6e8f
```
#6c6e8f rgb(108,110,143)
```
#636698
```
#636698 rgb(99,102,152)
```
#595da2
```
#595da2 rgb(89,93,162)
```
#4f55ac
```
#4f55ac rgb(79,85,172)
```
#464cb5
```
#464cb5 rgb(70,76,181)
```
#3c44bf
```
#3c44bf rgb(60,68,191)
```
#323bc9
```
#323bc9 rgb(50,59,201)
```
#2933d2
```
#2933d2 rgb(41,51,210)
```
#1f2adc
```
#1f2adc rgb(31,42,220)
```
#1521e6
```
#1521e6 rgb(21,33,230)
```
#0c19ef
```
#0c19ef rgb(12,25,239)
```
#0210f9
```
#0210f9 rgb(2,16,249)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#35385b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0b43b5 Protanomaly 1% of men, 0.01% of women
#0b46a7 Deuteranomaly 6% of men, 0.4% of women
#0b4a8d Tritanomaly 0.01% of the population

#1f2adc hex color

#1f2adc Color Information

#1f2adc Color Conversion

Color Schemes with #1f2adc

Alternatives to #1f2adc

#1f2adc Preview

Shades and Tints of #1f2adc

Tones of #1f2adc

Color Blindness Simulator