#1f80bc hex color

In a RGB color space, hex #1f80bc is composed of 12.2% red, 50.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 31.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 202.9 degrees, a saturation of 71.7% and a lightness of 42.9%. #1f80bc color hex could be obtained by blending #3effff with #000179. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 50
- B 74
RGB color chart
- C 84
- M 32
- Y 0
- K 26
CMYK color chart

● #1f80bc color description : Strong blue.

The hexadecimal color #1f80bc has RGB values of R:31, G:128, B:188 and CMYK values of C:0.84, M:0.32, Y:0, K:0.26. Its decimal value is 2064572.

Hex triplet	1f80bc	`#1f80bc`
RGB Decimal	31, 128, 188	`rgb(31,128,188)`
RGB Percent	12.2, 50.2, 73.7	`rgb(12.2%,50.2%,73.7%)`
CMYK	84, 32, 0, 26
HSL	202.9°, 71.7, 42.9	`hsl(202.9,71.7%,42.9%)`
HSV (or HSB)	202.9°, 83.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.105, -5.561, -39.009
XYZ	17.359, 19.359, 50.396
xyY	0.199, 0.222, 19.359
CIE-LCH	51.105, 39.403, 261.887
CIE-LUV	51.105, -30.919, -58.923
Hunter-Lab	43.999, -6.573, -37.111
Binary	00011111, 10000000, 10111100

#1f80bc
```
#1f80bc rgb(31,128,188)
```
#bc5b1f
```
#bc5b1f rgb(188,91,31)
```

Complementary Color

#1fbcaa
```
#1fbcaa rgb(31,188,170)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#1f32bc
```
#1f32bc rgb(31,50,188)
```

Analogous Color

#bcaa1f
```
#bcaa1f rgb(188,170,31)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#bc1f32
```
#bc1f32 rgb(188,31,50)
```

Split Complementary Color

#80bc1f
```
#80bc1f rgb(128,188,31)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#bc1f80
```
#bc1f80 rgb(188,31,128)
```

Triadic Color

#1fbc5b
```
#1fbc5b rgb(31,188,91)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#bc1f80
```
#bc1f80 rgb(188,31,128)
```
#bc5b1f
```
#bc5b1f rgb(188,91,31)
```

Tetradic Color

#14537a
```
#14537a rgb(20,83,122)
```
#186290
```
#186290 rgb(24,98,144)
```
#1b71a6
```
#1b71a6 rgb(27,113,166)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#238fd2
```
#238fd2 rgb(35,143,210)
```
#319bdd
```
#319bdd rgb(49,155,221)
```
#47a6e1
```
#47a6e1 rgb(71,166,225)
```

Monochromatic Color

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

#1fa7bc
```
#1fa7bc rgb(31,167,188)
```
#1f9abc
```
#1f9abc rgb(31,154,188)
```
#1f8dbc
```
#1f8dbc rgb(31,141,188)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#1f73bc
```
#1f73bc rgb(31,115,188)
```
#1f66bc
```
#1f66bc rgb(31,102,188)
```
#1f59bc
```
#1f59bc rgb(31,89,188)
```

Similar Colors

Text with hexadecimal color #1f80bc

This text has a font color of #1f80bc.

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

#1f80bc background color

This paragraph has a background color of #1f80bc.

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

#1f80bc border color

This element has a border color of #1f80bc.

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

CSS codes

.text {color:#1f80bc;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030d14
```
#030d14 rgb(3,13,20)
```
#061924
```
#061924 rgb(6,25,36)
```
#092435
```
#092435 rgb(9,36,53)
```
#0c3046
```
#0c3046 rgb(12,48,70)
```
#0e3b57
```
#0e3b57 rgb(14,59,87)
```
#114768
```
#114768 rgb(17,71,104)
```
#145279
```
#145279 rgb(20,82,121)
```
#175e89
```
#175e89 rgb(23,94,137)
```
#19699a
```
#19699a rgb(25,105,154)
```
#1c75ab
```
#1c75ab rgb(28,117,171)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#228bcd
```
#228bcd rgb(34,139,205)
```

Shade Color Variation

#2796db
```
#2796db rgb(39,150,219)
```
#389fde
```
#389fde rgb(56,159,222)
```
#49a7e1
```
#49a7e1 rgb(73,167,225)
```
#59afe4
```
#59afe4 rgb(89,175,228)
```
#6ab7e6
```
#6ab7e6 rgb(106,183,230)
```
#7bbfe9
```
#7bbfe9 rgb(123,191,233)
```
#8cc7ec
```
#8cc7ec rgb(140,199,236)
```
#9dcfef
```
#9dcfef rgb(157,207,239)
```
#aed8f2
```
#aed8f2 rgb(174,216,242)
```
#bee0f4
```
#bee0f4 rgb(190,224,244)
```
#cfe8f7
```
#cfe8f7 rgb(207,232,247)
```
#e0f0fa
```
#e0f0fa rgb(224,240,250)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#6b6e70
```
#6b6e70 rgb(107,110,112)
```
#627079
```
#627079 rgb(98,112,121)
```
#5a7281
```
#5a7281 rgb(90,114,129)
```
#527489
```
#527489 rgb(82,116,137)
```
#497692
```
#497692 rgb(73,118,146)
```
#41789a
```
#41789a rgb(65,120,154)
```
#387aa3
```
#387aa3 rgb(56,122,163)
```
#307cab
```
#307cab rgb(48,124,171)
```
#277eb4
```
#277eb4 rgb(39,126,180)
```
#1f80bc
```
#1f80bc rgb(31,128,188)
```
#1782c4
```
#1782c4 rgb(23,130,196)
```
#0e84cd
```
#0e84cd rgb(14,132,205)
```
#0686d5
```
#0686d5 rgb(6,134,213)
```

Tone Color Variation

Below, you can see how #1f80bc 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
#5b6e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7eb9 Protanopia 1% of men
#5980c1 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#4f7fba Protanomaly 1% of men, 0.01% of women
#4480bf Deuteranomaly 6% of men, 0.4% of women
#0b88a4 Tritanomaly 0.01% of the population

#1f80bc hex color

#1f80bc Color Information

#1f80bc Color Conversion

Color Schemes with #1f80bc

Alternatives to #1f80bc

#1f80bc Preview

Shades and Tints of #1f80bc

Tones of #1f80bc

Color Blindness Simulator