#1f66f9 hex color

In a RGB color space, hex #1f66f9 is composed of 12.2% red, 40% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 59% magenta, 0% yellow and 2.4% black. It has a hue angle of 220.5 degrees, a saturation of 94.8% and a lightness of 54.9%. #1f66f9 color hex could be obtained by blending #3eccff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 40
- B 98
RGB color chart
- C 88
- M 59
- Y 0
- K 2
CMYK color chart

● #1f66f9 color description : Vivid blue.

The hexadecimal color #1f66f9 has RGB values of R:31, G:102, B:249 and CMYK values of C:0.88, M:0.59, Y:0, K:0.02. Its decimal value is 2057977.

Hex triplet	1f66f9	`#1f66f9`
RGB Decimal	31, 102, 249	`rgb(31,102,249)`
RGB Percent	12.2, 40, 97.6	`rgb(12.2%,40%,97.6%)`
CMYK	88, 59, 0, 2
HSL	220.5°, 94.8, 54.9	`hsl(220.5,94.8%,54.9%)`
HSV (or HSB)	220.5°, 87.6, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.793, 33.93, -78.847
XYZ	22.412, 16.632, 91.646
xyY	0.171, 0.127, 16.632
CIE-LCH	47.793, 85.838, 293.283
CIE-LUV	47.793, -21.062, -120.907
Hunter-Lab	40.782, 26.726, -104.69
Binary	00011111, 01100110, 11111001

#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#f9b21f
```
#f9b21f rgb(249,178,31)
```

Complementary Color

#1fd3f9
```
#1fd3f9 rgb(31,211,249)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#451ff9
```
#451ff9 rgb(69,31,249)
```

Analogous Color

#d3f91f
```
#d3f91f rgb(211,249,31)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#f9451f
```
#f9451f rgb(249,69,31)
```

Split Complementary Color

#66f91f
```
#66f91f rgb(102,249,31)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#f91f66
```
#f91f66 rgb(249,31,102)
```

Triadic Color

#1ff9b2
```
#1ff9b2 rgb(31,249,178)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#f91f66
```
#f91f66 rgb(249,31,102)
```
#f9b21f
```
#f9b21f rgb(249,178,31)
```

Tetradic Color

#0544c6
```
#0544c6 rgb(5,68,198)
```
#064ddf
```
#064ddf rgb(6,77,223)
```
#0755f8
```
#0755f8 rgb(7,85,248)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#3877fa
```
#3877fa rgb(56,119,250)
```
#5188fa
```
#5188fa rgb(81,136,250)
```
#6a99fb
```
#6a99fb rgb(106,153,251)
```

Monochromatic Color

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

#1f9df9
```
#1f9df9 rgb(31,157,249)
```
#1f8af9
```
#1f8af9 rgb(31,138,249)
```
#1f78f9
```
#1f78f9 rgb(31,120,249)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#1f54f9
```
#1f54f9 rgb(31,84,249)
```
#1f42f9
```
#1f42f9 rgb(31,66,249)
```
#1f30f9
```
#1f30f9 rgb(31,48,249)
```

Similar Colors

Text with hexadecimal color #1f66f9

This text has a font color of #1f66f9.

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

#1f66f9 background color

This paragraph has a background color of #1f66f9.

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

#1f66f9 border color

This element has a border color of #1f66f9.

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

CSS codes

.text {color:#1f66f9;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#010f2b
```
#010f2b rgb(1,15,43)
```
#02163f
```
#02163f rgb(2,22,63)
```
#021c52
```
#021c52 rgb(2,28,82)
```
#032365
```
#032365 rgb(3,35,101)
```
#032978
```
#032978 rgb(3,41,120)
```
#04308b
```
#04308b rgb(4,48,139)
```
#04369e
```
#04369e rgb(4,54,158)
```
#053db1
```
#053db1 rgb(5,61,177)
```
#0543c4
```
#0543c4 rgb(5,67,196)
```
#064ad7
```
#064ad7 rgb(6,74,215)
```
#0651ea
```
#0651ea rgb(6,81,234)
```

Shade Color Variation

#0c59f8
```
#0c59f8 rgb(12,89,248)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```
#3273fa
```
#3273fa rgb(50,115,250)
```
#4580fa
```
#4580fa rgb(69,128,250)
```
#588dfb
```
#588dfb rgb(88,141,251)
```
#6b9afb
```
#6b9afb rgb(107,154,251)
```
#7fa7fc
```
#7fa7fc rgb(127,167,252)
```
#92b4fc
```
#92b4fc rgb(146,180,252)
```
#a5c1fd
```
#a5c1fd rgb(165,193,253)
```
#b8cefd
```
#b8cefd rgb(184,206,253)
```
#cbdbfe
```
#cbdbfe rgb(203,219,254)
```
#dee8fe
```
#dee8fe rgb(222,232,254)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b8f is the less saturated color, while #1f66f9 is the most saturated one.

#898b8f
```
#898b8f rgb(137,139,143)
```
#808898
```
#808898 rgb(128,136,152)
```
#7785a1
```
#7785a1 rgb(119,133,161)
```
#6f82a9
```
#6f82a9 rgb(111,130,169)
```
#667fb2
```
#667fb2 rgb(102,127,178)
```
#5d7cbb
```
#5d7cbb rgb(93,124,187)
```
#5479c4
```
#5479c4 rgb(84,121,196)
```
#4b75cd
```
#4b75cd rgb(75,117,205)
```
#4272d6
```
#4272d6 rgb(66,114,214)
```
#3a6fde
```
#3a6fde rgb(58,111,222)
```
#316ce7
```
#316ce7 rgb(49,108,231)
```
#2869f0
```
#2869f0 rgb(40,105,240)
```
#1f66f9
```
#1f66f9 rgb(31,102,249)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#556380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0b6fec Protanomaly 1% of men, 0.01% of women
#0b73d9 Deuteranomaly 6% of men, 0.4% of women
#0b79b3 Tritanomaly 0.01% of the population

#1f66f9 hex color

#1f66f9 Color Information

#1f66f9 Color Conversion

Color Schemes with #1f66f9

Alternatives to #1f66f9

#1f66f9 Preview

Shades and Tints of #1f66f9

Tones of #1f66f9

Color Blindness Simulator