#3102fa hex color

In a RGB color space, hex #3102fa is composed of 19.2% red, 0.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 99.2% magenta, 0% yellow and 2% black. It has a hue angle of 251.4 degrees, a saturation of 98.4% and a lightness of 49.4%. #3102fa color hex could be obtained by blending #6204ff with #0000f5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 1
- B 98
RGB color chart
- C 80
- M 99
- Y 0
- K 2
CMYK color chart

● #3102fa color description : Vivid blue.

The hexadecimal color #3102fa has RGB values of R:49, G:2, B:250 and CMYK values of C:0.8, M:0.99, Y:0, K:0.02. Its decimal value is 3212026.

Hex triplet	3102fa	`#3102fa`
RGB Decimal	49, 2, 250	`rgb(49,2,250)`
RGB Percent	19.2, 0.8, 98	`rgb(19.2%,0.8%,98%)`
CMYK	80, 99, 0, 2
HSL	251.4°, 98.4, 49.4	`hsl(251.4,98.4%,49.4%)`
HSV (or HSB)	251.4°, 99.2, 98
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.13, 78.21, -103.633
XYZ	18.54, 7.597, 90.927
xyY	0.158, 0.065, 7.597
CIE-LCH	33.13, 129.833, 307.041
CIE-LUV	33.13, -6.397, -129.044
Hunter-Lab	27.563, 71.832, -176.294
Binary	00110001, 00000010, 11111010

#3102fa
```
#3102fa rgb(49,2,250)
```
#cbfa02
```
#cbfa02 rgb(203,250,2)
```

Complementary Color

#024ffa
```
#024ffa rgb(2,79,250)
```
#3102fa
```
#3102fa rgb(49,2,250)
```
#ad02fa
```
#ad02fa rgb(173,2,250)
```

Analogous Color

#4ffa02
```
#4ffa02 rgb(79,250,2)
```
#3102fa
```
#3102fa rgb(49,2,250)
```
#faad02
```
#faad02 rgb(250,173,2)
```

Split Complementary Color

#02fa31
```
#02fa31 rgb(2,250,49)
```
#3102fa
```
#3102fa rgb(49,2,250)
```
#fa3102
```
#fa3102 rgb(250,49,2)
```

Triadic Color

#02cbfa
```
#02cbfa rgb(2,203,250)
```
#3102fa
```
#3102fa rgb(49,2,250)
```
#fa3102
```
#fa3102 rgb(250,49,2)
```
#cbfa02
```
#cbfa02 rgb(203,250,2)
```

Tetradic Color

#2201ae
```
#2201ae rgb(34,1,174)
```
#2702c7
```
#2702c7 rgb(39,2,199)
```
#2c02e1
```
#2c02e1 rgb(44,2,225)
```
#3102fa
```
#3102fa rgb(49,2,250)
```
#4418fd
```
#4418fd rgb(68,24,253)
```
#5832fd
```
#5832fd rgb(88,50,253)
```
#6d4bfe
```
#6d4bfe rgb(109,75,254)
```

Monochromatic Color

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

#0211fa
```
#0211fa rgb(2,17,250)
```
#0802fa
```
#0802fa rgb(8,2,250)
```
#1c02fa
```
#1c02fa rgb(28,2,250)
```
#3102fa
```
#3102fa rgb(49,2,250)
```
#4602fa
```
#4602fa rgb(70,2,250)
```
#5a02fa
```
#5a02fa rgb(90,2,250)
```
#6f02fa
```
#6f02fa rgb(111,2,250)
```

Similar Colors

Text with hexadecimal color #3102fa

This text has a font color of #3102fa.

<span style="color:#3102fa;">Text here</span>

#3102fa background color

This paragraph has a background color of #3102fa.

<p style="background-color:#3102fa;">Content here</p>

#3102fa border color

This element has a border color of #3102fa.

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

CSS codes

.text {color:#3102fa;}

.background {background-color:#3102fa;}

.border {border:1px solid #3102fa;}

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

#030010
```
#030010 rgb(3,0,16)
```
#070024
```
#070024 rgb(7,0,36)
```
#0b0037
```
#0b0037 rgb(11,0,55)
```
#0f014b
```
#0f014b rgb(15,1,75)
```
#12015e
```
#12015e rgb(18,1,94)
```
#160172
```
#160172 rgb(22,1,114)
```
#1a0185
```
#1a0185 rgb(26,1,133)
```
#1e0199
```
#1e0199 rgb(30,1,153)
```
#2201ac
```
#2201ac rgb(34,1,172)
```
#2602c0
```
#2602c0 rgb(38,2,192)
```
#2902d3
```
#2902d3 rgb(41,2,211)
```
#2d02e7
```
#2d02e7 rgb(45,2,231)
```
#3102fa
```
#3102fa rgb(49,2,250)
```

Shade Color Variation

#3f13fd
```
#3f13fd rgb(63,19,253)
```
#4f26fd
```
#4f26fd rgb(79,38,253)
```
#5f39fd
```
#5f39fd rgb(95,57,253)
```
#6e4dfe
```
#6e4dfe rgb(110,77,254)
```
#7e60fe
```
#7e60fe rgb(126,96,254)
```
#8e74fe
```
#8e74fe rgb(142,116,254)
```
#9e87fe
```
#9e87fe rgb(158,135,254)
```
#ae9bfe
```
#ae9bfe rgb(174,155,254)
```
#bdaefe
```
#bdaefe rgb(189,174,254)
```
#cdc2ff
```
#cdc2ff rgb(205,194,255)
```
#ddd5ff
```
#ddd5ff rgb(221,213,255)
```
#ede9ff
```
#ede9ff rgb(237,233,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797686 is the less saturated color, while #3102fa is the most saturated one.

#797686
```
#797686 rgb(121,118,134)
```
#736d8f
```
#736d8f rgb(115,109,143)
```
#6d6399
```
#6d6399 rgb(109,99,153)
```
#6759a3
```
#6759a3 rgb(103,89,163)
```
#6150ac
```
#6150ac rgb(97,80,172)
```
#5b46b6
```
#5b46b6 rgb(91,70,182)
```
#553cc0
```
#553cc0 rgb(85,60,192)
```
#4f32ca
```
#4f32ca rgb(79,50,202)
```
#4929d3
```
#4929d3 rgb(73,41,211)
```
#431fdd
```
#431fdd rgb(67,31,221)
```
#3d15e7
```
#3d15e7 rgb(61,21,231)
```
#370cf0
```
#370cf0 rgb(55,12,240)
```
#3102fa
```
#3102fa rgb(49,2,250)
```

Tone Color Variation

Below, you can see how #3102fa 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

#2c2c2c Achromatopsia 0.005% of the population
#2d2455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1136c3 Protanomaly 1% of men, 0.01% of women
#1139b4 Deuteranomaly 6% of men, 0.4% of women
#113d9a Tritanomaly 0.01% of the population

#3102fa hex color

#3102fa Color Information

#3102fa Color Conversion

Color Schemes with #3102fa

Alternatives to #3102fa

#3102fa Preview

Shades and Tints of #3102fa

Tones of #3102fa

Color Blindness Simulator