#1f06ff hex color

In a RGB color space, hex #1f06ff is composed of 12.2% red, 2.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 97.6% magenta, 0% yellow and 0% black. It has a hue angle of 246 degrees, a saturation of 100% and a lightness of 51.2%. #1f06ff color hex could be obtained by blending #3e0cff with #0000ff. Closest websafe color is: #3300ff.

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

● #1f06ff color description : Vivid blue.

The hexadecimal color #1f06ff has RGB values of R:31, G:6, B:255 and CMYK values of C:0.88, M:0.98, Y:0, K:0. Its decimal value is 2033407.

Hex triplet	1f06ff	`#1f06ff`
RGB Decimal	31, 6, 255	`rgb(31,6,255)`
RGB Percent	12.2, 2.4, 100	`rgb(12.2%,2.4%,100%)`
CMYK	88, 98, 0, 0
HSL	246°, 100, 51.2	`hsl(246,100%,51.2%)`
HSV (or HSB)	246°, 97.6, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.222, 78.522, -106.307
XYZ	18.677, 7.64, 95.093
xyY	0.154, 0.063, 7.64
CIE-LCH	33.222, 132.162, 306.451
CIE-LUV	33.222, -8.359, -131.317
Hunter-Lab	27.641, 72.239, -184.626
Binary	00011111, 00000110, 11111111

#1f06ff
```
#1f06ff rgb(31,6,255)
```
#e6ff06
```
#e6ff06 rgb(230,255,6)
```

Complementary Color

#066aff
```
#066aff rgb(6,106,255)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```
#9c06ff
```
#9c06ff rgb(156,6,255)
```

Analogous Color

#6aff06
```
#6aff06 rgb(106,255,6)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```
#ff9c06
```
#ff9c06 rgb(255,156,6)
```

Split Complementary Color

#06ff1f
```
#06ff1f rgb(6,255,31)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```

Triadic Color

#06e6ff
```
#06e6ff rgb(6,230,255)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#e6ff06
```
#e6ff06 rgb(230,255,6)
```

Tetradic Color

#1300b9
```
#1300b9 rgb(19,0,185)
```
#1500d2
```
#1500d2 rgb(21,0,210)
```
#1800ec
```
#1800ec rgb(24,0,236)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```
#3620ff
```
#3620ff rgb(54,32,255)
```
#4d39ff
```
#4d39ff rgb(77,57,255)
```
#6453ff
```
#6453ff rgb(100,83,255)
```

Monochromatic Color

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

#062bff
```
#062bff rgb(6,43,255)
```
#0617ff
```
#0617ff rgb(6,23,255)
```
#0a06ff
```
#0a06ff rgb(10,6,255)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```
#3406ff
```
#3406ff rgb(52,6,255)
```
#4906ff
```
#4906ff rgb(73,6,255)
```
#5d06ff
```
#5d06ff rgb(93,6,255)
```

Similar Colors

Text with hexadecimal color #1f06ff

This text has a font color of #1f06ff.

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

#1f06ff background color

This paragraph has a background color of #1f06ff.

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

#1f06ff border color

This element has a border color of #1f06ff.

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

CSS codes

.text {color:#1f06ff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#03001a
```
#03001a rgb(3,0,26)
```
#05002d
```
#05002d rgb(5,0,45)
```
#070041
```
#070041 rgb(7,0,65)
```
#080054
```
#080054 rgb(8,0,84)
```
#0a0068
```
#0a0068 rgb(10,0,104)
```
#0c007c
```
#0c007c rgb(12,0,124)
```
#0e008f
```
#0e008f rgb(14,0,143)
```
#1000a3
```
#1000a3 rgb(16,0,163)
```
#1200b7
```
#1200b7 rgb(18,0,183)
```
#1400ca
```
#1400ca rgb(20,0,202)
```
#1600de
```
#1600de rgb(22,0,222)
```
#1800f1
```
#1800f1 rgb(24,0,241)
```

Shade Color Variation

#1f06ff
```
#1f06ff rgb(31,6,255)
```
#311aff
```
#311aff rgb(49,26,255)
```
#422dff
```
#422dff rgb(66,45,255)
```
#5441ff
```
#5441ff rgb(84,65,255)
```
#6654ff
```
#6654ff rgb(102,84,255)
```
#7768ff
```
#7768ff rgb(119,104,255)
```
#897cff
```
#897cff rgb(137,124,255)
```
#9b8fff
```
#9b8fff rgb(155,143,255)
```
#aca3ff
```
#aca3ff rgb(172,163,255)
```
#beb7ff
```
#beb7ff rgb(190,183,255)
```
#cfcaff
```
#cfcaff rgb(207,202,255)
```
#e1deff
```
#e1deff rgb(225,222,255)
```
#f3f1ff
```
#f3f1ff rgb(243,241,255)
```

Tint Color Variation

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

#7b798c
```
#7b798c rgb(123,121,140)
```
#736f96
```
#736f96 rgb(115,111,150)
```
#6c669f
```
#6c669f rgb(108,102,159)
```
#645ca9
```
#645ca9 rgb(100,92,169)
```
#5c53b2
```
#5c53b2 rgb(92,83,178)
```
#5549bc
```
#5549bc rgb(85,73,188)
```
#4d3fc6
```
#4d3fc6 rgb(77,63,198)
```
#4536cf
```
#4536cf rgb(69,54,207)
```
#3e2cd9
```
#3e2cd9 rgb(62,44,217)
```
#3623e2
```
#3623e2 rgb(54,35,226)
```
#2e19ec
```
#2e19ec rgb(46,25,236)
```
#2710f5
```
#2710f5 rgb(39,16,245)
```
#1f06ff
```
#1f06ff rgb(31,6,255)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#282355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#0b38c5 Protanomaly 1% of men, 0.01% of women
#0b3bb6 Deuteranomaly 6% of men, 0.4% of women
#0b3f9c Tritanomaly 0.01% of the population

#1f06ff hex color

#1f06ff Color Information

#1f06ff Color Conversion

Color Schemes with #1f06ff

Alternatives to #1f06ff

#1f06ff Preview

Shades and Tints of #1f06ff

Tones of #1f06ff

Color Blindness Simulator