#1f66c8 hex color

In a RGB color space, hex #1f66c8 is composed of 12.2% red, 40% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 49% magenta, 0% yellow and 21.6% black. It has a hue angle of 214.8 degrees, a saturation of 73.2% and a lightness of 45.3%. #1f66c8 color hex could be obtained by blending #3eccff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 40
- B 78
RGB color chart
- C 85
- M 49
- Y 0
- K 22
CMYK color chart

● #1f66c8 color description : Strong blue.

The hexadecimal color #1f66c8 has RGB values of R:31, G:102, B:200 and CMYK values of C:0.85, M:0.49, Y:0, K:0.22. Its decimal value is 2057928.

Hex triplet	1f66c8	`#1f66c8`
RGB Decimal	31, 102, 200	`rgb(31,102,200)`
RGB Percent	12.2, 40, 78.4	`rgb(12.2%,40%,78.4%)`
CMYK	85, 49, 0, 22
HSL	214.8°, 73.2, 45.3	`hsl(214.8,73.2%,45.3%)`
HSV (or HSB)	214.8°, 84.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.18, 15.175, -56.964
XYZ	15.739, 13.963, 56.506
xyY	0.183, 0.162, 13.963
CIE-LCH	44.18, 58.951, 284.917
CIE-LUV	44.18, -22.015, -86.124
Hunter-Lab	37.367, 9.794, -63.501
Binary	00011111, 01100110, 11001000

#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#c8811f
```
#c8811f rgb(200,129,31)
```

Complementary Color

#1fbbc8
```
#1fbbc8 rgb(31,187,200)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#2d1fc8
```
#2d1fc8 rgb(45,31,200)
```

Analogous Color

#bbc81f
```
#bbc81f rgb(187,200,31)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#c82d1f
```
#c82d1f rgb(200,45,31)
```

Split Complementary Color

#66c81f
```
#66c81f rgb(102,200,31)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#c81f66
```
#c81f66 rgb(200,31,102)
```

Triadic Color

#1fc881
```
#1fc881 rgb(31,200,129)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#c81f66
```
#c81f66 rgb(200,31,102)
```
#c8811f
```
#c8811f rgb(200,129,31)
```

Tetradic Color

#154486
```
#154486 rgb(21,68,134)
```
#184f9c
```
#184f9c rgb(24,79,156)
```
#1c5bb2
```
#1c5bb2 rgb(28,91,178)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#2471dd
```
#2471dd rgb(36,113,221)
```
#3a80e0
```
#3a80e0 rgb(58,128,224)
```
#508ee4
```
#508ee4 rgb(80,142,228)
```

Monochromatic Color

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

#1f90c8
```
#1f90c8 rgb(31,144,200)
```
#1f82c8
```
#1f82c8 rgb(31,130,200)
```
#1f74c8
```
#1f74c8 rgb(31,116,200)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#1f58c8
```
#1f58c8 rgb(31,88,200)
```
#1f4ac8
```
#1f4ac8 rgb(31,74,200)
```
#1f3cc8
```
#1f3cc8 rgb(31,60,200)
```

Similar Colors

Text with hexadecimal color #1f66c8

This text has a font color of #1f66c8.

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

#1f66c8 background color

This paragraph has a background color of #1f66c8.

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

#1f66c8 border color

This element has a border color of #1f66c8.

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

CSS codes

.text {color:#1f66c8;}

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

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

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, #02070d is the darkest color, while #fbfdfe is the lightest one.

#02070d
```
#02070d rgb(2,7,13)
```
#050f1e
```
#050f1e rgb(5,15,30)
```
#07182f
```
#07182f rgb(7,24,47)
```
#0a2140
```
#0a2140 rgb(10,33,64)
```
#0d2951
```
#0d2951 rgb(13,41,81)
```
#0f3262
```
#0f3262 rgb(15,50,98)
```
#123b73
```
#123b73 rgb(18,59,115)
```
#144384
```
#144384 rgb(20,67,132)
```
#174c95
```
#174c95 rgb(23,76,149)
```
#1a55a6
```
#1a55a6 rgb(26,85,166)
```
#1c5db7
```
#1c5db7 rgb(28,93,183)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#226fd9
```
#226fd9 rgb(34,111,217)
```

Shade Color Variation

#2f79df
```
#2f79df rgb(47,121,223)
```
#4084e1
```
#4084e1 rgb(64,132,225)
```
#518fe4
```
#518fe4 rgb(81,143,228)
```
#629ae7
```
#629ae7 rgb(98,154,231)
```
#73a5e9
```
#73a5e9 rgb(115,165,233)
```
#84b0ec
```
#84b0ec rgb(132,176,236)
```
#95bbef
```
#95bbef rgb(149,187,239)
```
#a6c6f1
```
#a6c6f1 rgb(166,198,241)
```
#b7d1f4
```
#b7d1f4 rgb(183,209,244)
```
#c8dcf7
```
#c8dcf7 rgb(200,220,247)
```
#d9e7f9
```
#d9e7f9 rgb(217,231,249)
```
#eaf2fc
```
#eaf2fc rgb(234,242,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6f7378
```
#6f7378 rgb(111,115,120)
```
#667181
```
#667181 rgb(102,113,129)
```
#5d708a
```
#5d708a rgb(93,112,138)
```
#546f93
```
#546f93 rgb(84,111,147)
```
#4b6d9c
```
#4b6d9c rgb(75,109,156)
```
#436ca4
```
#436ca4 rgb(67,108,164)
```
#3a6aad
```
#3a6aad rgb(58,106,173)
```
#3169b6
```
#3169b6 rgb(49,105,182)
```
#2867bf
```
#2867bf rgb(40,103,191)
```
#1f66c8
```
#1f66c8 rgb(31,102,200)
```
#1665d1
```
#1665d1 rgb(22,101,209)
```
#0d63da
```
#0d63da rgb(13,99,218)
```
#0462e3
```
#0462e3 rgb(4,98,227)
```

Tone Color Variation

Below, you can see how #1f66c8 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
#505e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#346dca Protanopia 1% of men
#0072bc Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#2c6ac9 Protanomaly 1% of men, 0.01% of women
#0b6dc0 Deuteranomaly 6% of men, 0.4% of women
#0b739b Tritanomaly 0.01% of the population

#1f66c8 hex color

#1f66c8 Color Information

#1f66c8 Color Conversion

Color Schemes with #1f66c8

Alternatives to #1f66c8

#1f66c8 Preview

Shades and Tints of #1f66c8

Tones of #1f66c8

Color Blindness Simulator