#1f97cc hex color

In a RGB color space, hex #1f97cc is composed of 12.2% red, 59.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 26% magenta, 0% yellow and 20% black. It has a hue angle of 198.4 degrees, a saturation of 73.6% and a lightness of 46.1%. #1f97cc color hex could be obtained by blending #3effff with #002f99. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 59
- B 80
RGB color chart
- C 85
- M 26
- Y 0
- K 20
CMYK color chart

● #1f97cc color description : Strong blue.

The hexadecimal color #1f97cc has RGB values of R:31, G:151, B:204 and CMYK values of C:0.85, M:0.26, Y:0, K:0.2. Its decimal value is 2070476.

Hex triplet	1f97cc	`#1f97cc`
RGB Decimal	31, 151, 204	`rgb(31,151,204)`
RGB Percent	12.2, 59.2, 80	`rgb(12.2%,59.2%,80%)`
CMYK	85, 26, 0, 20
HSL	198.4°, 73.6, 46.1	`hsl(198.4,73.6%,46.1%)`
HSV (or HSB)	198.4°, 84.8, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.772, -12.862, -36.052
XYZ	22.528, 26.782, 61.106
xyY	0.204, 0.243, 26.782
CIE-LCH	58.772, 38.278, 250.366
CIE-LUV	58.772, -37.84, -54.716
Hunter-Lab	51.751, -12.862, -33.781
Binary	00011111, 10010111, 11001100

#1f97cc
```
#1f97cc rgb(31,151,204)
```
#cc541f
```
#cc541f rgb(204,84,31)
```

Complementary Color

#1fccab
```
#1fccab rgb(31,204,171)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#1f41cc
```
#1f41cc rgb(31,65,204)
```

Analogous Color

#ccab1f
```
#ccab1f rgb(204,171,31)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#cc1f41
```
#cc1f41 rgb(204,31,65)
```

Split Complementary Color

#97cc1f
```
#97cc1f rgb(151,204,31)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#cc1f97
```
#cc1f97 rgb(204,31,151)
```

Triadic Color

#1fcc54
```
#1fcc54 rgb(31,204,84)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#cc1f97
```
#cc1f97 rgb(204,31,151)
```
#cc541f
```
#cc541f rgb(204,84,31)
```

Tetradic Color

#15668a
```
#15668a rgb(21,102,138)
```
#1876a0
```
#1876a0 rgb(24,118,160)
```
#1c87b6
```
#1c87b6 rgb(28,135,182)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#26a6de
```
#26a6de rgb(38,166,222)
```
#3dafe1
```
#3dafe1 rgb(61,175,225)
```
#53b8e5
```
#53b8e5 rgb(83,184,229)
```

Monochromatic Color

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

#1fc2cc
```
#1fc2cc rgb(31,194,204)
```
#1fb4cc
```
#1fb4cc rgb(31,180,204)
```
#1fa5cc
```
#1fa5cc rgb(31,165,204)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#1f89cc
```
#1f89cc rgb(31,137,204)
```
#1f7acc
```
#1f7acc rgb(31,122,204)
```
#1f6ccc
```
#1f6ccc rgb(31,108,204)
```

Similar Colors

Text with hexadecimal color #1f97cc

This text has a font color of #1f97cc.

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

#1f97cc background color

This paragraph has a background color of #1f97cc.

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

#1f97cc border color

This element has a border color of #1f97cc.

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

CSS codes

.text {color:#1f97cc;}

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

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

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, #030c11 is the darkest color, while #ffffff is the lightest one.

#030c11
```
#030c11 rgb(3,12,17)
```
#051922
```
#051922 rgb(5,25,34)
```
#082633
```
#082633 rgb(8,38,51)
```
#0a3244
```
#0a3244 rgb(10,50,68)
```
#0d3f55
```
#0d3f55 rgb(13,63,85)
```
#0f4b66
```
#0f4b66 rgb(15,75,102)
```
#125877
```
#125877 rgb(18,88,119)
```
#156588
```
#156588 rgb(21,101,136)
```
#177199
```
#177199 rgb(23,113,153)
```
#1a7eaa
```
#1a7eaa rgb(26,126,170)
```
#1c8abb
```
#1c8abb rgb(28,138,187)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#22a4dd
```
#22a4dd rgb(34,164,221)
```

Shade Color Variation

#32abe0
```
#32abe0 rgb(50,171,224)
```
#43b2e2
```
#43b2e2 rgb(67,178,226)
```
#54b9e5
```
#54b9e5 rgb(84,185,229)
```
#65c0e8
```
#65c0e8 rgb(101,192,232)
```
#76c7ea
```
#76c7ea rgb(118,199,234)
```
#87ceed
```
#87ceed rgb(135,206,237)
```
#98d5ef
```
#98d5ef rgb(152,213,239)
```
#aadcf2
```
#aadcf2 rgb(170,220,242)
```
#bbe3f5
```
#bbe3f5 rgb(187,227,245)
```
#cceaf7
```
#cceaf7 rgb(204,234,247)
```
#ddf1fa
```
#ddf1fa rgb(221,241,250)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70777b is the less saturated color, while #04a2e7 is the most saturated one.

#70777b
```
#70777b rgb(112,119,123)
```
#677b84
```
#677b84 rgb(103,123,132)
```
#5e7e8d
```
#5e7e8d rgb(94,126,141)
```
#558296
```
#558296 rgb(85,130,150)
```
#4c859f
```
#4c859f rgb(76,133,159)
```
#4389a8
```
#4389a8 rgb(67,137,168)
```
#3a8cb1
```
#3a8cb1 rgb(58,140,177)
```
#3190ba
```
#3190ba rgb(49,144,186)
```
#2893c3
```
#2893c3 rgb(40,147,195)
```
#1f97cc
```
#1f97cc rgb(31,151,204)
```
#169bd5
```
#169bd5 rgb(22,155,213)
```
#0d9ede
```
#0d9ede rgb(13,158,222)
```
#04a2e7
```
#04a2e7 rgb(4,162,231)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#677f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8191c6 Protanopia 1% of men
#7592d2 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5d93c8 Protanomaly 1% of men, 0.01% of women
#5594d0 Deuteranomaly 6% of men, 0.4% of women
#0b9db8 Tritanomaly 0.01% of the population

#1f97cc hex color

#1f97cc Color Information

#1f97cc Color Conversion

Color Schemes with #1f97cc

Alternatives to #1f97cc

#1f97cc Preview

Shades and Tints of #1f97cc

Tones of #1f97cc

Color Blindness Simulator