#1f7fbc hex color

In a RGB color space, hex #1f7fbc is composed of 12.2% red, 49.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 32.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 203.3 degrees, a saturation of 71.7% and a lightness of 42.9%. #1f7fbc color hex could be obtained by blending #3efeff with #000079. Closest websafe color is: #3366cc.

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

● #1f7fbc color description : Strong blue.

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

Hex triplet	1f7fbc	`#1f7fbc`
RGB Decimal	31, 127, 188	`rgb(31,127,188)`
RGB Percent	12.2, 49.8, 73.7	`rgb(12.2%,49.8%,73.7%)`
CMYK	84, 32, 0, 26
HSL	203.3°, 71.7, 42.9	`hsl(203.3,71.7%,42.9%)`
HSV (or HSB)	203.3°, 83.5, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.803, -4.971, -39.484
XYZ	17.229, 19.099, 50.353
xyY	0.199, 0.22, 19.099
CIE-LCH	50.803, 39.796, 262.824
CIE-LUV	50.803, -30.578, -59.679
Hunter-Lab	43.703, -6.108, -37.72
Binary	00011111, 01111111, 10111100

#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#bc5c1f
```
#bc5c1f rgb(188,92,31)
```

Complementary Color

#1fbcab
```
#1fbcab rgb(31,188,171)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#1f31bc
```
#1f31bc rgb(31,49,188)
```

Analogous Color

#bcab1f
```
#bcab1f rgb(188,171,31)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#bc1f31
```
#bc1f31 rgb(188,31,49)
```

Split Complementary Color

#7fbc1f
```
#7fbc1f rgb(127,188,31)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#bc1f7f
```
#bc1f7f rgb(188,31,127)
```

Triadic Color

#1fbc5c
```
#1fbc5c rgb(31,188,92)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#bc1f7f
```
#bc1f7f rgb(188,31,127)
```
#bc5c1f
```
#bc5c1f rgb(188,92,31)
```

Tetradic Color

#14537a
```
#14537a rgb(20,83,122)
```
#186190
```
#186190 rgb(24,97,144)
```
#1b70a6
```
#1b70a6 rgb(27,112,166)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#238ed2
```
#238ed2 rgb(35,142,210)
```
#319add
```
#319add rgb(49,154,221)
```
#47a5e1
```
#47a5e1 rgb(71,165,225)
```

Monochromatic Color

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

#1fa6bc
```
#1fa6bc rgb(31,166,188)
```
#1f99bc
```
#1f99bc rgb(31,153,188)
```
#1f8cbc
```
#1f8cbc rgb(31,140,188)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#1f72bc
```
#1f72bc rgb(31,114,188)
```
#1f65bc
```
#1f65bc rgb(31,101,188)
```
#1f58bc
```
#1f58bc rgb(31,88,188)
```

Similar Colors

Text with hexadecimal color #1f7fbc

This text has a font color of #1f7fbc.

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

#1f7fbc background color

This paragraph has a background color of #1f7fbc.

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

#1f7fbc border color

This element has a border color of #1f7fbc.

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

CSS codes

.text {color:#1f7fbc;}

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

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

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)
```
#0c2f46
```
#0c2f46 rgb(12,47,70)
```
#0e3b57
```
#0e3b57 rgb(14,59,87)
```
#114668
```
#114668 rgb(17,70,104)
```
#145179
```
#145179 rgb(20,81,121)
```
#175d89
```
#175d89 rgb(23,93,137)
```
#19689a
```
#19689a rgb(25,104,154)
```
#1c74ab
```
#1c74ab rgb(28,116,171)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#228acd
```
#228acd rgb(34,138,205)
```

Shade Color Variation

#2795db
```
#2795db rgb(39,149,219)
```
#389dde
```
#389dde rgb(56,157,222)
```
#49a6e1
```
#49a6e1 rgb(73,166,225)
```
#59aee4
```
#59aee4 rgb(89,174,228)
```
#6ab6e6
```
#6ab6e6 rgb(106,182,230)
```
#7bbee9
```
#7bbee9 rgb(123,190,233)
```
#8cc7ec
```
#8cc7ec rgb(140,199,236)
```
#9dcfef
```
#9dcfef rgb(157,207,239)
```
#aed7f2
```
#aed7f2 rgb(174,215,242)
```
#bedff4
```
#bedff4 rgb(190,223,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 #0685d5 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)
```
#41779a
```
#41779a rgb(65,119,154)
```
#3879a3
```
#3879a3 rgb(56,121,163)
```
#307bab
```
#307bab rgb(48,123,171)
```
#277db4
```
#277db4 rgb(39,125,180)
```
#1f7fbc
```
#1f7fbc rgb(31,127,188)
```
#1781c4
```
#1781c4 rgb(23,129,196)
```
#0e83cd
```
#0e83cd rgb(14,131,205)
```
#0685d5
```
#0685d5 rgb(6,133,213)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5a6d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#697db9 Protanopia 1% of men
#5880c1 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#4e7eba Protanomaly 1% of men, 0.01% of women
#437fbf Deuteranomaly 6% of men, 0.4% of women
#0b87a3 Tritanomaly 0.01% of the population

#1f7fbc hex color

#1f7fbc Color Information

#1f7fbc Color Conversion

Color Schemes with #1f7fbc

Alternatives to #1f7fbc

#1f7fbc Preview

Shades and Tints of #1f7fbc

Tones of #1f7fbc

Color Blindness Simulator