#1f61d2 hex color

In a RGB color space, hex #1f61d2 is composed of 12.2% red, 38% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 53.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 217.9 degrees, a saturation of 74.3% and a lightness of 47.3%. #1f61d2 color hex could be obtained by blending #3ec2ff with #0000a5. Closest websafe color is: #3366cc.

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

● #1f61d2 color description : Strong blue.

The hexadecimal color #1f61d2 has RGB values of R:31, G:97, B:210 and CMYK values of C:0.85, M:0.54, Y:0, K:0.18. Its decimal value is 2056658.

Hex triplet	1f61d2	`#1f61d2`
RGB Decimal	31, 97, 210	`rgb(31,97,210)`
RGB Percent	12.2, 38, 82.4	`rgb(12.2%,38%,82.4%)`
CMYK	85, 54, 0, 18
HSL	217.9°, 74.3, 47.3	`hsl(217.9,74.3%,47.3%)`
HSV (or HSB)	217.9°, 85.2, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.496, 22.306, -63.817
XYZ	16.47, 13.492, 62.705
xyY	0.178, 0.146, 13.492
CIE-LCH	43.496, 67.603, 289.266
CIE-LUV	43.496, -20.334, -96.102
Hunter-Lab	36.732, 15.755, -75.502
Binary	00011111, 01100001, 11010010

#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#d2901f
```
#d2901f rgb(210,144,31)
```

Complementary Color

#1fbbd2
```
#1fbbd2 rgb(31,187,210)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#371fd2
```
#371fd2 rgb(55,31,210)
```

Analogous Color

#bbd21f
```
#bbd21f rgb(187,210,31)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#d2371f
```
#d2371f rgb(210,55,31)
```

Split Complementary Color

#61d21f
```
#61d21f rgb(97,210,31)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#d21f61
```
#d21f61 rgb(210,31,97)
```

Triadic Color

#1fd290
```
#1fd290 rgb(31,210,144)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#d21f61
```
#d21f61 rgb(210,31,97)
```
#d2901f
```
#d2901f rgb(210,144,31)
```

Tetradic Color

#15428f
```
#15428f rgb(21,66,143)
```
#184ca6
```
#184ca6 rgb(24,76,166)
```
#1c57bc
```
#1c57bc rgb(28,87,188)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#2b6ee0
```
#2b6ee0 rgb(43,110,224)
```
#417de3
```
#417de3 rgb(65,125,227)
```
#578ce6
```
#578ce6 rgb(87,140,230)
```

Monochromatic Color

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

#1f8ed2
```
#1f8ed2 rgb(31,142,210)
```
#1f7fd2
```
#1f7fd2 rgb(31,127,210)
```
#1f70d2
```
#1f70d2 rgb(31,112,210)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#1f52d2
```
#1f52d2 rgb(31,82,210)
```
#1f43d2
```
#1f43d2 rgb(31,67,210)
```
#1f34d2
```
#1f34d2 rgb(31,52,210)
```

Similar Colors

Text with hexadecimal color #1f61d2

This text has a font color of #1f61d2.

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

#1f61d2 background color

This paragraph has a background color of #1f61d2.

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

#1f61d2 border color

This element has a border color of #1f61d2.

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

CSS codes

.text {color:#1f61d2;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030a16
```
#030a16 rgb(3,10,22)
```
#061227
```
#061227 rgb(6,18,39)
```
#081a38
```
#081a38 rgb(8,26,56)
```
#0b2249
```
#0b2249 rgb(11,34,73)
```
#0d2a5a
```
#0d2a5a rgb(13,42,90)
```
#10326b
```
#10326b rgb(16,50,107)
```
#123a7d
```
#123a7d rgb(18,58,125)
```
#15418e
```
#15418e rgb(21,65,142)
```
#17499f
```
#17499f rgb(23,73,159)
```
#1a51b0
```
#1a51b0 rgb(26,81,176)
```
#1c59c1
```
#1c59c1 rgb(28,89,193)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```

Shade Color Variation

#266adf
```
#266adf rgb(38,106,223)
```
#3776e1
```
#3776e1 rgb(55,118,225)
```
#4881e4
```
#4881e4 rgb(72,129,228)
```
#598de6
```
#598de6 rgb(89,141,230)
```
#6a99e9
```
#6a99e9 rgb(106,153,233)
```
#7ba5ec
```
#7ba5ec rgb(123,165,236)
```
#8cb0ee
```
#8cb0ee rgb(140,176,238)
```
#9dbcf1
```
#9dbcf1 rgb(157,188,241)
```
#aec8f3
```
#aec8f3 rgb(174,200,243)
```
#c0d3f6
```
#c0d3f6 rgb(192,211,246)
```
#d1dff8
```
#d1dff8 rgb(209,223,248)
```
#e2ebfb
```
#e2ebfb rgb(226,235,251)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72777f is the less saturated color, while #035aee is the most saturated one.

#72777f
```
#72777f rgb(114,119,127)
```
#697488
```
#697488 rgb(105,116,136)
```
#607291
```
#607291 rgb(96,114,145)
```
#57709a
```
#57709a rgb(87,112,154)
```
#4d6da4
```
#4d6da4 rgb(77,109,164)
```
#446bad
```
#446bad rgb(68,107,173)
```
#3b68b6
```
#3b68b6 rgb(59,104,182)
```
#3266bf
```
#3266bf rgb(50,102,191)
```
#2863c9
```
#2863c9 rgb(40,99,201)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```
#165fdb
```
#165fdb rgb(22,95,219)
```
#0c5ce5
```
#0c5ce5 rgb(12,92,229)
```
#035aee
```
#035aee rgb(3,90,238)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#0b67d2 Protanomaly 1% of men, 0.01% of women
#0b6bc1 Deuteranomaly 6% of men, 0.4% of women
#0b709e Tritanomaly 0.01% of the population

#1f61d2 hex color

#1f61d2 Color Information

#1f61d2 Color Conversion

Color Schemes with #1f61d2

Alternatives to #1f61d2

#1f61d2 Preview

Shades and Tints of #1f61d2

Tones of #1f61d2

Color Blindness Simulator