#1f80c1 hex color

In a RGB color space, hex #1f80c1 is composed of 12.2% red, 50.2% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 33.7% magenta, 0% yellow and 24.3% black. It has a hue angle of 204.1 degrees, a saturation of 72.3% and a lightness of 43.9%. #1f80c1 color hex could be obtained by blending #3effff with #000183. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 50
- B 76
RGB color chart
- C 84
- M 34
- Y 0
- K 24
CMYK color chart

● #1f80c1 color description : Strong blue.

The hexadecimal color #1f80c1 has RGB values of R:31, G:128, B:193 and CMYK values of C:0.84, M:0.34, Y:0, K:0.24. Its decimal value is 2064577.

Hex triplet	1f80c1	`#1f80c1`
RGB Decimal	31, 128, 193	`rgb(31,128,193)`
RGB Percent	12.2, 50.2, 75.7	`rgb(12.2%,50.2%,75.7%)`
CMYK	84, 34, 0, 24
HSL	204.1°, 72.3, 43.9	`hsl(204.1,72.3%,43.9%)`
HSV (or HSB)	204.1°, 83.9, 75.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.357, -3.693, -41.475
XYZ	17.908, 19.578, 53.284
xyY	0.197, 0.216, 19.578
CIE-LCH	51.357, 41.639, 264.912
CIE-LUV	51.357, -30.644, -63.141
Hunter-Lab	44.247, -5.191, -40.426
Binary	00011111, 10000000, 11000001

#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#c1601f
```
#c1601f rgb(193,96,31)
```

Complementary Color

#1fc1b1
```
#1fc1b1 rgb(31,193,177)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#1f2fc1
```
#1f2fc1 rgb(31,47,193)
```

Analogous Color

#c1b11f
```
#c1b11f rgb(193,177,31)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#c11f2f
```
#c11f2f rgb(193,31,47)
```

Split Complementary Color

#80c11f
```
#80c11f rgb(128,193,31)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#c11f80
```
#c11f80 rgb(193,31,128)
```

Triadic Color

#1fc160
```
#1fc160 rgb(31,193,96)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#c11f80
```
#c11f80 rgb(193,31,128)
```
#c1601f
```
#c1601f rgb(193,96,31)
```

Tetradic Color

#14547f
```
#14547f rgb(20,84,127)
```
#186395
```
#186395 rgb(24,99,149)
```
#1b71ab
```
#1b71ab rgb(27,113,171)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#238fd7
```
#238fd7 rgb(35,143,215)
```
#359ade
```
#359ade rgb(53,154,222)
```
#4aa5e2
```
#4aa5e2 rgb(74,165,226)
```

Monochromatic Color

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

#1fa9c1
```
#1fa9c1 rgb(31,169,193)
```
#1f9bc1
```
#1f9bc1 rgb(31,155,193)
```
#1f8ec1
```
#1f8ec1 rgb(31,142,193)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#1f73c1
```
#1f73c1 rgb(31,115,193)
```
#1f65c1
```
#1f65c1 rgb(31,101,193)
```
#1f58c1
```
#1f58c1 rgb(31,88,193)
```

Similar Colors

Text with hexadecimal color #1f80c1

This text has a font color of #1f80c1.

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

#1f80c1 background color

This paragraph has a background color of #1f80c1.

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

#1f80c1 border color

This element has a border color of #1f80c1.

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

CSS codes

.text {color:#1f80c1;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#041018
```
#041018 rgb(4,16,24)
```
#071b29
```
#071b29 rgb(7,27,41)
```
#09263a
```
#09263a rgb(9,38,58)
```
#0c324b
```
#0c324b rgb(12,50,75)
```
#0f3d5c
```
#0f3d5c rgb(15,61,92)
```
#11486c
```
#11486c rgb(17,72,108)
```
#14537d
```
#14537d rgb(20,83,125)
```
#175e8e
```
#175e8e rgb(23,94,142)
```
#1a6a9f
```
#1a6a9f rgb(26,106,159)
```
#1c75b0
```
#1c75b0 rgb(28,117,176)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#228bd2
```
#228bd2 rgb(34,139,210)
```

Shade Color Variation

#2a95dd
```
#2a95dd rgb(42,149,221)
```
#3b9ee0
```
#3b9ee0 rgb(59,158,224)
```
#4ca6e2
```
#4ca6e2 rgb(76,166,226)
```
#5daee5
```
#5daee5 rgb(93,174,229)
```
#6eb7e8
```
#6eb7e8 rgb(110,183,232)
```
#7fbfea
```
#7fbfea rgb(127,191,234)
```
#90c8ed
```
#90c8ed rgb(144,200,237)
```
#a1d0f0
```
#a1d0f0 rgb(161,208,240)
```
#b2d8f3
```
#b2d8f3 rgb(178,216,243)
```
#c2e1f5
```
#c2e1f5 rgb(194,225,245)
```
#d3e9f8
```
#d3e9f8 rgb(211,233,248)
```
#e4f2fb
```
#e4f2fb rgb(228,242,251)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7173 is the less saturated color, while #0585db is the most saturated one.

#6d7173
```
#6d7173 rgb(109,113,115)
```
#64727c
```
#64727c rgb(100,114,124)
```
#5b7485
```
#5b7485 rgb(91,116,133)
```
#53768d
```
#53768d rgb(83,118,141)
```
#4a7796
```
#4a7796 rgb(74,119,150)
```
#41799f
```
#41799f rgb(65,121,159)
```
#397ba7
```
#397ba7 rgb(57,123,167)
```
#307db0
```
#307db0 rgb(48,125,176)
```
#287eb8
```
#287eb8 rgb(40,126,184)
```
#1f80c1
```
#1f80c1 rgb(31,128,193)
```
#1682ca
```
#1682ca rgb(22,130,202)
```
#0e83d2
```
#0e83d2 rgb(14,131,210)
```
#0585db
```
#0585db rgb(5,133,219)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5b6e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#687fbe Protanopia 1% of men
#5581c6 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#4d7fbf Protanomaly 1% of men, 0.01% of women
#4181c4 Deuteranomaly 6% of men, 0.4% of women
#0b88a6 Tritanomaly 0.01% of the population

#1f80c1 hex color

#1f80c1 Color Information

#1f80c1 Color Conversion

Color Schemes with #1f80c1

Alternatives to #1f80c1

#1f80c1 Preview

Shades and Tints of #1f80c1

Tones of #1f80c1

Color Blindness Simulator