#1f79fa hex color

In a RGB color space, hex #1f79fa is composed of 12.2% red, 47.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 51.6% magenta, 0% yellow and 2% black. It has a hue angle of 215.3 degrees, a saturation of 95.6% and a lightness of 55.1%. #1f79fa color hex could be obtained by blending #3ef2ff with #0000f5. Closest websafe color is: #3366ff.

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

● #1f79fa color description : Vivid blue.

The hexadecimal color #1f79fa has RGB values of R:31, G:121, B:250 and CMYK values of C:0.88, M:0.52, Y:0, K:0.02. Its decimal value is 2062842.

Hex triplet	1f79fa	`#1f79fa`
RGB Decimal	31, 121, 250	`rgb(31,121,250)`
RGB Percent	12.2, 47.5, 98	`rgb(12.2%,47.5%,98%)`
CMYK	88, 52, 0, 2
HSL	215.3°, 95.6, 55.1	`hsl(215.3,95.6%,55.1%)`
HSV (or HSB)	215.3°, 87.6, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.803, 22.311, -71.247
XYZ	24.654, 20.866, 93.165
xyY	0.178, 0.15, 20.866
CIE-LCH	52.803, 74.659, 287.388
CIE-LUV	52.803, -26.116, -112.602
Hunter-Lab	45.679, 16.401, -88.949
Binary	00011111, 01111001, 11111010

#1f79fa
```
#1f79fa rgb(31,121,250)
```
#faa01f
```
#faa01f rgb(250,160,31)
```

Complementary Color

#1fe7fa
```
#1fe7fa rgb(31,231,250)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#331ffa
```
#331ffa rgb(51,31,250)
```

Analogous Color

#e7fa1f
```
#e7fa1f rgb(231,250,31)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#fa331f
```
#fa331f rgb(250,51,31)
```

Split Complementary Color

#79fa1f
```
#79fa1f rgb(121,250,31)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#fa1f79
```
#fa1f79 rgb(250,31,121)
```

Triadic Color

#1ffaa0
```
#1ffaa0 rgb(31,250,160)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#fa1f79
```
#fa1f79 rgb(250,31,121)
```
#faa01f
```
#faa01f rgb(250,160,31)
```

Tetradic Color

#0455c8
```
#0455c8 rgb(4,85,200)
```
#055fe1
```
#055fe1 rgb(5,95,225)
```
#066af9
```
#066af9 rgb(6,106,249)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#3888fb
```
#3888fb rgb(56,136,251)
```
#5197fb
```
#5197fb rgb(81,151,251)
```
#6aa6fc
```
#6aa6fc rgb(106,166,252)
```

Monochromatic Color

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

#1fb0fa
```
#1fb0fa rgb(31,176,250)
```
#1f9efa
```
#1f9efa rgb(31,158,250)
```
#1f8bfa
```
#1f8bfa rgb(31,139,250)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#1f67fa
```
#1f67fa rgb(31,103,250)
```
#1f54fa
```
#1f54fa rgb(31,84,250)
```
#1f42fa
```
#1f42fa rgb(31,66,250)
```

Similar Colors

Text with hexadecimal color #1f79fa

This text has a font color of #1f79fa.

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

#1f79fa background color

This paragraph has a background color of #1f79fa.

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

#1f79fa border color

This element has a border color of #1f79fa.

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

CSS codes

.text {color:#1f79fa;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#01132d
```
#01132d rgb(1,19,45)
```
#011b40
```
#011b40 rgb(1,27,64)
```
#022353
```
#022353 rgb(2,35,83)
```
#022b66
```
#022b66 rgb(2,43,102)
```
#033379
```
#033379 rgb(3,51,121)
```
#033c8d
```
#033c8d rgb(3,60,141)
```
#0444a0
```
#0444a0 rgb(4,68,160)
```
#044cb3
```
#044cb3 rgb(4,76,179)
```
#0454c6
```
#0454c6 rgb(4,84,198)
```
#055cd9
```
#055cd9 rgb(5,92,217)
```
#0564ec
```
#0564ec rgb(5,100,236)
```

Shade Color Variation

#0c6efa
```
#0c6efa rgb(12,110,250)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```
#3284fa
```
#3284fa rgb(50,132,250)
```
#4590fb
```
#4590fb rgb(69,144,251)
```
#599bfb
```
#599bfb rgb(89,155,251)
```
#6ca7fc
```
#6ca7fc rgb(108,167,252)
```
#7fb2fc
```
#7fb2fc rgb(127,178,252)
```
#92befd
```
#92befd rgb(146,190,253)
```
#a5c9fd
```
#a5c9fd rgb(165,201,253)
```
#b8d5fd
```
#b8d5fd rgb(184,213,253)
```
#cce0fe
```
#cce0fe rgb(204,224,254)
```
#dfecfe
```
#dfecfe rgb(223,236,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#898c90
```
#898c90 rgb(137,140,144)
```
#808a99
```
#808a99 rgb(128,138,153)
```
#7789a2
```
#7789a2 rgb(119,137,162)
```
#6e87ab
```
#6e87ab rgb(110,135,171)
```
#6586b4
```
#6586b4 rgb(101,134,180)
```
#5d84bc
```
#5d84bc rgb(93,132,188)
```
#5482c5
```
#5482c5 rgb(84,130,197)
```
#4b81ce
```
#4b81ce rgb(75,129,206)
```
#427fd7
```
#427fd7 rgb(66,127,215)
```
#397ee0
```
#397ee0 rgb(57,126,224)
```
#317ce8
```
#317ce8 rgb(49,124,232)
```
#287bf1
```
#287bf1 rgb(40,123,241)
```
#1f79fa
```
#1f79fa rgb(31,121,250)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5d6f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a80fa Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#1c7dfa Protanomaly 1% of men, 0.01% of women
#0b82e7 Deuteranomaly 6% of men, 0.4% of women
#0b88bc Tritanomaly 0.01% of the population

#1f79fa hex color

#1f79fa Color Information

#1f79fa Color Conversion

Color Schemes with #1f79fa

Alternatives to #1f79fa

#1f79fa Preview

Shades and Tints of #1f79fa

Tones of #1f79fa

Color Blindness Simulator