#1f82bc hex color

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

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

● #1f82bc color description : Strong blue.

The hexadecimal color #1f82bc has RGB values of R:31, G:130, B:188 and CMYK values of C:0.84, M:0.31, Y:0, K:0.26. Its decimal value is 2065084.

Hex triplet	1f82bc	`#1f82bc`
RGB Decimal	31, 130, 188	`rgb(31,130,188)`
RGB Percent	12.2, 51, 73.7	`rgb(12.2%,51%,73.7%)`
CMYK	84, 31, 0, 26
HSL	202.2°, 71.7, 42.9	`hsl(202.2,71.7%,42.9%)`
HSV (or HSB)	202.2°, 83.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.708, -6.734, -38.059
XYZ	17.623, 19.886, 50.484
xyY	0.2, 0.226, 19.886
CIE-LCH	51.708, 38.65, 259.967
CIE-LUV	51.708, -31.603, -57.402
Hunter-Lab	44.594, -7.499, -35.906
Binary	00011111, 10000010, 10111100

#1f82bc
```
#1f82bc rgb(31,130,188)
```
#bc591f
```
#bc591f rgb(188,89,31)
```

Complementary Color

#1fbca8
```
#1fbca8 rgb(31,188,168)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#1f34bc
```
#1f34bc rgb(31,52,188)
```

Analogous Color

#bca81f
```
#bca81f rgb(188,168,31)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#bc1f34
```
#bc1f34 rgb(188,31,52)
```

Split Complementary Color

#82bc1f
```
#82bc1f rgb(130,188,31)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#bc1f82
```
#bc1f82 rgb(188,31,130)
```

Triadic Color

#1fbc59
```
#1fbc59 rgb(31,188,89)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#bc1f82
```
#bc1f82 rgb(188,31,130)
```
#bc591f
```
#bc591f rgb(188,89,31)
```

Tetradic Color

#14557a
```
#14557a rgb(20,85,122)
```
#186490
```
#186490 rgb(24,100,144)
```
#1b73a6
```
#1b73a6 rgb(27,115,166)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#2391d2
```
#2391d2 rgb(35,145,210)
```
#319ddd
```
#319ddd rgb(49,157,221)
```
#47a8e1
```
#47a8e1 rgb(71,168,225)
```

Monochromatic Color

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

#1fa9bc
```
#1fa9bc rgb(31,169,188)
```
#1f9cbc
```
#1f9cbc rgb(31,156,188)
```
#1f8fbc
```
#1f8fbc rgb(31,143,188)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#1f75bc
```
#1f75bc rgb(31,117,188)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#1f5bbc
```
#1f5bbc rgb(31,91,188)
```

Similar Colors

Text with hexadecimal color #1f82bc

This text has a font color of #1f82bc.

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

#1f82bc background color

This paragraph has a background color of #1f82bc.

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

#1f82bc border color

This element has a border color of #1f82bc.

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

CSS codes

.text {color:#1f82bc;}

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

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

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)
```
#030e14
```
#030e14 rgb(3,14,20)
```
#061924
```
#061924 rgb(6,25,36)
```
#092535
```
#092535 rgb(9,37,53)
```
#0c3046
```
#0c3046 rgb(12,48,70)
```
#0e3c57
```
#0e3c57 rgb(14,60,87)
```
#114868
```
#114868 rgb(17,72,104)
```
#145379
```
#145379 rgb(20,83,121)
```
#175f89
```
#175f89 rgb(23,95,137)
```
#196b9a
```
#196b9a rgb(25,107,154)
```
#1c76ab
```
#1c76ab rgb(28,118,171)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#228ecd
```
#228ecd rgb(34,142,205)
```

Shade Color Variation

#2799db
```
#2799db rgb(39,153,219)
```
#38a1de
```
#38a1de rgb(56,161,222)
```
#49a9e1
```
#49a9e1 rgb(73,169,225)
```
#59b1e4
```
#59b1e4 rgb(89,177,228)
```
#6ab9e6
```
#6ab9e6 rgb(106,185,230)
```
#7bc1e9
```
#7bc1e9 rgb(123,193,233)
```
#8cc9ec
```
#8cc9ec rgb(140,201,236)
```
#9dd0ef
```
#9dd0ef rgb(157,208,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 #0689d5 is the most saturated one.

#6b6e70
```
#6b6e70 rgb(107,110,112)
```
#627079
```
#627079 rgb(98,112,121)
```
#5a7381
```
#5a7381 rgb(90,115,129)
```
#527589
```
#527589 rgb(82,117,137)
```
#497792
```
#497792 rgb(73,119,146)
```
#41799a
```
#41799a rgb(65,121,154)
```
#387ba3
```
#387ba3 rgb(56,123,163)
```
#307eab
```
#307eab rgb(48,126,171)
```
#2780b4
```
#2780b4 rgb(39,128,180)
```
#1f82bc
```
#1f82bc rgb(31,130,188)
```
#1784c4
```
#1784c4 rgb(23,132,196)
```
#0e86cd
```
#0e86cd rgb(14,134,205)
```
#0689d5
```
#0689d5 rgb(6,137,213)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5c707b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d80b9 Protanopia 1% of men
#5d82c2 Deuteranopia 1% of men
#008e98 Tritanopia 0.001% of the population

Trichromacy

#5080ba Protanomaly 1% of men, 0.01% of women
#4682bf Deuteranomaly 6% of men, 0.4% of women
#0b8aa5 Tritanomaly 0.01% of the population

#1f82bc hex color

#1f82bc Color Information

#1f82bc Color Conversion

Color Schemes with #1f82bc

Alternatives to #1f82bc

#1f82bc Preview

Shades and Tints of #1f82bc

Tones of #1f82bc

Color Blindness Simulator