#1f68bc hex color

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

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

● #1f68bc color description : Strong blue.

The hexadecimal color #1f68bc has RGB values of R:31, G:104, B:188 and CMYK values of C:0.84, M:0.45, Y:0, K:0.26. Its decimal value is 2058428.

Hex triplet	1f68bc	`#1f68bc`
RGB Decimal	31, 104, 188	`rgb(31,104,188)`
RGB Percent	12.2, 40.8, 73.7	`rgb(12.2%,40.8%,73.7%)`
CMYK	84, 45, 0, 26
HSL	212.1°, 71.7, 42.9	`hsl(212.1,71.7%,42.9%)`
HSV (or HSB)	212.1°, 83.5, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.976, 9.203, -50.35
XYZ	14.59, 13.822, 49.473
xyY	0.187, 0.177, 13.822
CIE-LCH	43.976, 51.184, 280.358
CIE-LUV	43.976, -23.009, -75.713
Hunter-Lab	37.177, 4.993, -52.875
Binary	00011111, 01101000, 10111100

#1f68bc
```
#1f68bc rgb(31,104,188)
```
#bc731f
```
#bc731f rgb(188,115,31)
```

Complementary Color

#1fb7bc
```
#1fb7bc rgb(31,183,188)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#251fbc
```
#251fbc rgb(37,31,188)
```

Analogous Color

#b7bc1f
```
#b7bc1f rgb(183,188,31)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#bc251f
```
#bc251f rgb(188,37,31)
```

Split Complementary Color

#68bc1f
```
#68bc1f rgb(104,188,31)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#bc1f68
```
#bc1f68 rgb(188,31,104)
```

Triadic Color

#1fbc73
```
#1fbc73 rgb(31,188,115)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#bc1f68
```
#bc1f68 rgb(188,31,104)
```
#bc731f
```
#bc731f rgb(188,115,31)
```

Tetradic Color

#14447a
```
#14447a rgb(20,68,122)
```
#185090
```
#185090 rgb(24,80,144)
```
#1b5ca6
```
#1b5ca6 rgb(27,92,166)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#2374d2
```
#2374d2 rgb(35,116,210)
```
#3181dd
```
#3181dd rgb(49,129,221)
```
#478ee1
```
#478ee1 rgb(71,142,225)
```

Monochromatic Color

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

#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)
```
#1f4ebc
```
#1f4ebc rgb(31,78,188)
```
#1f41bc
```
#1f41bc rgb(31,65,188)
```

Similar Colors

Text with hexadecimal color #1f68bc

This text has a font color of #1f68bc.

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

#1f68bc background color

This paragraph has a background color of #1f68bc.

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

#1f68bc border color

This element has a border color of #1f68bc.

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

CSS codes

.text {color:#1f68bc;}

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

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

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 #f1f6fd is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#030b14
```
#030b14 rgb(3,11,20)
```
#061424
```
#061424 rgb(6,20,36)
```
#091d35
```
#091d35 rgb(9,29,53)
```
#0c2746
```
#0c2746 rgb(12,39,70)
```
#0e3057
```
#0e3057 rgb(14,48,87)
```
#113968
```
#113968 rgb(17,57,104)
```
#144379
```
#144379 rgb(20,67,121)
```
#174c89
```
#174c89 rgb(23,76,137)
```
#19559a
```
#19559a rgb(25,85,154)
```
#1c5fab
```
#1c5fab rgb(28,95,171)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#2271cd
```
#2271cd rgb(34,113,205)
```

Shade Color Variation

#277bdb
```
#277bdb rgb(39,123,219)
```
#3885de
```
#3885de rgb(56,133,222)
```
#498fe1
```
#498fe1 rgb(73,143,225)
```
#599ae4
```
#599ae4 rgb(89,154,228)
```
#6aa4e6
```
#6aa4e6 rgb(106,164,230)
```
#7baee9
```
#7baee9 rgb(123,174,233)
```
#8cb9ec
```
#8cb9ec rgb(140,185,236)
```
#9dc3ef
```
#9dc3ef rgb(157,195,239)
```
#aecdf2
```
#aecdf2 rgb(174,205,242)
```
#bed7f4
```
#bed7f4 rgb(190,215,244)
```
#cfe2f7
```
#cfe2f7 rgb(207,226,247)
```
#e0ecfa
```
#e0ecfa rgb(224,236,250)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#6b6d70
```
#6b6d70 rgb(107,109,112)
```
#626d79
```
#626d79 rgb(98,109,121)
```
#5a6c81
```
#5a6c81 rgb(90,108,129)
```
#526c89
```
#526c89 rgb(82,108,137)
```
#496b92
```
#496b92 rgb(73,107,146)
```
#416a9a
```
#416a9a rgb(65,106,154)
```
#386aa3
```
#386aa3 rgb(56,106,163)
```
#3069ab
```
#3069ab rgb(48,105,171)
```
#2769b4
```
#2769b4 rgb(39,105,180)
```
#1f68bc
```
#1f68bc rgb(31,104,188)
```
#1767c4
```
#1767c4 rgb(23,103,196)
```
#0e67cd
```
#0e67cd rgb(14,103,205)
```
#0666d5
```
#0666d5 rgb(6,102,213)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#505e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#456dbd Protanopia 1% of men
#0071bd Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#376bbc Protanomaly 1% of men, 0.01% of women
#0b6ebc Deuteranomaly 6% of men, 0.4% of women
#0b7397 Tritanomaly 0.01% of the population

#1f68bc hex color

#1f68bc Color Information

#1f68bc Color Conversion

Color Schemes with #1f68bc

Alternatives to #1f68bc

#1f68bc Preview

Shades and Tints of #1f68bc

Tones of #1f68bc

Color Blindness Simulator