#1f97dc hex color

In a RGB color space, hex #1f97dc is composed of 12.2% red, 59.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 31.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 201.9 degrees, a saturation of 75.3% and a lightness of 49.2%. #1f97dc color hex could be obtained by blending #3effff with #002fb9. Closest websafe color is: #3399cc.

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

● #1f97dc color description : Vivid blue.

The hexadecimal color #1f97dc has RGB values of R:31, G:151, B:220 and CMYK values of C:0.86, M:0.31, Y:0, K:0.14. Its decimal value is 2070492.

Hex triplet	1f97dc	`#1f97dc`
RGB Decimal	31, 151, 220	`rgb(31,151,220)`
RGB Percent	12.2, 59.2, 86.3	`rgb(12.2%,59.2%,86.3%)`
CMYK	86, 31, 0, 14
HSL	201.9°, 75.3, 49.2	`hsl(201.9,75.3%,49.2%)`
HSV (or HSB)	201.9°, 85.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.516, -7.089, -43.831
XYZ	24.547, 27.59, 71.738
xyY	0.198, 0.223, 27.59
CIE-LCH	59.516, 44.4, 260.813
CIE-LUV	59.516, -36.841, -68.422
Hunter-Lab	52.526, -8.502, -44.208
Binary	00011111, 10010111, 11011100

#1f97dc
```
#1f97dc rgb(31,151,220)
```
#dc641f
```
#dc641f rgb(220,100,31)
```

Complementary Color

#1fdcc3
```
#1fdcc3 rgb(31,220,195)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#1f39dc
```
#1f39dc rgb(31,57,220)
```

Analogous Color

#dcc31f
```
#dcc31f rgb(220,195,31)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#dc1f38
```
#dc1f38 rgb(220,31,56)
```

Split Complementary Color

#97dc1f
```
#97dc1f rgb(151,220,31)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#dc1f97
```
#dc1f97 rgb(220,31,151)
```

Triadic Color

#1fdc64
```
#1fdc64 rgb(31,220,100)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#dc1f97
```
#dc1f97 rgb(220,31,151)
```
#dc641f
```
#dc641f rgb(220,100,31)
```

Tetradic Color

#166999
```
#166999 rgb(22,105,153)
```
#1978af
```
#1978af rgb(25,120,175)
```
#1c88c6
```
#1c88c6 rgb(28,136,198)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#32a2e2
```
#32a2e2 rgb(50,162,226)
```
#49ace5
```
#49ace5 rgb(73,172,229)
```
#5fb6e8
```
#5fb6e8 rgb(95,182,232)
```

Monochromatic Color

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

#1fc6dc
```
#1fc6dc rgb(31,198,220)
```
#1fb7dc
```
#1fb7dc rgb(31,183,220)
```
#1fa7dc
```
#1fa7dc rgb(31,167,220)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#1f87dc
```
#1f87dc rgb(31,135,220)
```
#1f78dc
```
#1f78dc rgb(31,120,220)
```
#1f68dc
```
#1f68dc rgb(31,104,220)
```

Similar Colors

Text with hexadecimal color #1f97dc

This text has a font color of #1f97dc.

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

#1f97dc background color

This paragraph has a background color of #1f97dc.

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

#1f97dc border color

This element has a border color of #1f97dc.

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

CSS codes

.text {color:#1f97dc;}

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

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

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

#02090e
```
#02090e rgb(2,9,14)
```
#04151f
```
#04151f rgb(4,21,31)
```
#072130
```
#072130 rgb(7,33,48)
```
#092d41
```
#092d41 rgb(9,45,65)
```
#0c3952
```
#0c3952 rgb(12,57,82)
```
#0e4464
```
#0e4464 rgb(14,68,100)
```
#105075
```
#105075 rgb(16,80,117)
```
#135c86
```
#135c86 rgb(19,92,134)
```
#156897
```
#156897 rgb(21,104,151)
```
#1874a8
```
#1874a8 rgb(24,116,168)
```
#1a7fba
```
#1a7fba rgb(26,127,186)
```
#1d8bcb
```
#1d8bcb rgb(29,139,203)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```

Shade Color Variation

#2da0e1
```
#2da0e1 rgb(45,160,225)
```
#3ea7e4
```
#3ea7e4 rgb(62,167,228)
```
#50afe6
```
#50afe6 rgb(80,175,230)
```
#61b7e9
```
#61b7e9 rgb(97,183,233)
```
#72bfeb
```
#72bfeb rgb(114,191,235)
```
#83c7ee
```
#83c7ee rgb(131,199,238)
```
#94cff0
```
#94cff0 rgb(148,207,240)
```
#a6d6f2
```
#a6d6f2 rgb(166,214,242)
```
#b7def5
```
#b7def5 rgb(183,222,245)
```
#c8e6f7
```
#c8e6f7 rgb(200,230,247)
```
#d9eefa
```
#d9eefa rgb(217,238,250)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#768085
```
#768085 rgb(118,128,133)
```
#6c828f
```
#6c828f rgb(108,130,143)
```
#638598
```
#638598 rgb(99,133,152)
```
#5987a2
```
#5987a2 rgb(89,135,162)
```
#4f8aac
```
#4f8aac rgb(79,138,172)
```
#468db5
```
#468db5 rgb(70,141,181)
```
#3c8fbf
```
#3c8fbf rgb(60,143,191)
```
#3292c9
```
#3292c9 rgb(50,146,201)
```
#2994d2
```
#2994d2 rgb(41,148,210)
```
#1f97dc
```
#1f97dc rgb(31,151,220)
```
#159ae6
```
#159ae6 rgb(21,154,230)
```
#0c9cef
```
#0c9cef rgb(12,156,239)
```
#029ff9
```
#029ff9 rgb(2,159,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#69818e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c92d6 Protanopia 1% of men
#6895e0 Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5a94d8 Protanomaly 1% of men, 0.01% of women
#4d95df Deuteranomaly 6% of men, 0.4% of women
#0b9fbf Tritanomaly 0.01% of the population

#1f97dc hex color

#1f97dc Color Information

#1f97dc Color Conversion

Color Schemes with #1f97dc

Alternatives to #1f97dc

#1f97dc Preview

Shades and Tints of #1f97dc

Tones of #1f97dc

Color Blindness Simulator