#301af2 hex color

In a RGB color space, hex #301af2 is composed of 18.8% red, 10.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 89.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 246.1 degrees, a saturation of 89.3% and a lightness of 52.5%. #301af2 color hex could be obtained by blending #6034ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 10
- B 95
RGB color chart
- C 80
- M 89
- Y 0
- K 5
CMYK color chart

● #301af2 color description : Vivid blue.

The hexadecimal color #301af2 has RGB values of R:48, G:26, B:242 and CMYK values of C:0.8, M:0.89, Y:0, K:0.05. Its decimal value is 3152626.

Hex triplet	301af2	`#301af2`
RGB Decimal	48, 26, 242	`rgb(48,26,242)`
RGB Percent	18.8, 10.2, 94.9	`rgb(18.8%,10.2%,94.9%)`
CMYK	80, 89, 0, 5
HSL	246.1°, 89.3, 52.5	`hsl(246.1,89.3%,52.5%)`
HSV (or HSB)	246.1°, 89.3, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.514, 71.634, -98.477
XYZ	17.612, 7.777, 84.572
xyY	0.16, 0.071, 7.777
CIE-LCH	33.514, 121.775, 306.033
CIE-LUV	33.514, -7.085, -125.448
Hunter-Lab	27.887, 63.931, -160.287
Binary	00110000, 00011010, 11110010

#301af2
```
#301af2 rgb(48,26,242)
```
#dcf21a
```
#dcf21a rgb(220,242,26)
```

Complementary Color

#1a70f2
```
#1a70f2 rgb(26,112,242)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#9c1af2
```
#9c1af2 rgb(156,26,242)
```

Analogous Color

#70f21a
```
#70f21a rgb(112,242,26)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#f29c1a
```
#f29c1a rgb(242,156,26)
```

Split Complementary Color

#1af230
```
#1af230 rgb(26,242,48)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#f2301a
```
#f2301a rgb(242,48,26)
```

Triadic Color

#1adcf2
```
#1adcf2 rgb(26,220,242)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#f2301a
```
#f2301a rgb(242,48,26)
```
#dcf21a
```
#dcf21a rgb(220,242,26)
```

Tetradic Color

#1c0ab5
```
#1c0ab5 rgb(28,10,181)
```
#1f0ccd
```
#1f0ccd rgb(31,12,205)
```
#230de5
```
#230de5 rgb(35,13,229)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#4632f3
```
#4632f3 rgb(70,50,243)
```
#5c4af5
```
#5c4af5 rgb(92,74,245)
```
#7162f6
```
#7162f6 rgb(113,98,246)
```

Monochromatic Color

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

#1a3af2
```
#1a3af2 rgb(26,58,242)
```
#1a28f2
```
#1a28f2 rgb(26,40,242)
```
#1e1af2
```
#1e1af2 rgb(30,26,242)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#421af2
```
#421af2 rgb(66,26,242)
```
#541af2
```
#541af2 rgb(84,26,242)
```
#661af2
```
#661af2 rgb(102,26,242)
```

Similar Colors

Text with hexadecimal color #301af2

This text has a font color of #301af2.

<span style="color:#301af2;">Text here</span>

#301af2 background color

This paragraph has a background color of #301af2.

<p style="background-color:#301af2;">Content here</p>

#301af2 border color

This element has a border color of #301af2.

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

CSS codes

.text {color:#301af2;}

.background {background-color:#301af2;}

.border {border:1px solid #301af2;}

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, #02010c is the darkest color, while #f9f9ff is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#05021f
```
#05021f rgb(5,2,31)
```
#080331
```
#080331 rgb(8,3,49)
```
#0a0444
```
#0a0444 rgb(10,4,68)
```
#0d0557
```
#0d0557 rgb(13,5,87)
```
#100669
```
#100669 rgb(16,6,105)
```
#13077c
```
#13077c rgb(19,7,124)
```
#16088e
```
#16088e rgb(22,8,142)
```
#1909a1
```
#1909a1 rgb(25,9,161)
```
#1b0ab3
```
#1b0ab3 rgb(27,10,179)
```
#1e0bc6
```
#1e0bc6 rgb(30,11,198)
```
#210cd8
```
#210cd8 rgb(33,12,216)
```
#240deb
```
#240deb rgb(36,13,235)
```

Shade Color Variation

#301af2
```
#301af2 rgb(48,26,242)
```
#412df3
```
#412df3 rgb(65,45,243)
```
#523ff4
```
#523ff4 rgb(82,63,244)
```
#6252f5
```
#6252f5 rgb(98,82,245)
```
#7364f6
```
#7364f6 rgb(115,100,246)
```
#8477f7
```
#8477f7 rgb(132,119,247)
```
#9589f8
```
#9589f8 rgb(149,137,248)
```
#a59cf9
```
#a59cf9 rgb(165,156,249)
```
#b6aefa
```
#b6aefa rgb(182,174,250)
```
#c7c1fb
```
#c7c1fb rgb(199,193,251)
```
#d8d4fd
```
#d8d4fd rgb(216,212,253)
```
#e9e6fe
```
#e9e6fe rgb(233,230,254)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82808c is the less saturated color, while #2911fb is the most saturated one.

#82808c
```
#82808c rgb(130,128,140)
```
#7a7795
```
#7a7795 rgb(122,119,149)
```
#736e9e
```
#736e9e rgb(115,110,158)
```
#6b64a8
```
#6b64a8 rgb(107,100,168)
```
#645bb1
```
#645bb1 rgb(100,91,177)
```
#5c52ba
```
#5c52ba rgb(92,82,186)
```
#5549c3
```
#5549c3 rgb(85,73,195)
```
#4e3fcd
```
#4e3fcd rgb(78,63,205)
```
#4636d6
```
#4636d6 rgb(70,54,214)
```
#3f2ddf
```
#3f2ddf rgb(63,45,223)
```
#3723e9
```
#3723e9 rgb(55,35,233)
```
#301af2
```
#301af2 rgb(48,26,242)
```
#2911fb
```
#2911fb rgb(41,17,251)
```

Tone Color Variation

Below, you can see how #301af2 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

#393939 Achromatopsia 0.005% of the population
#37335e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#113fc1 Protanomaly 1% of men, 0.01% of women
#1143b3 Deuteranomaly 6% of men, 0.4% of women
#114798 Tritanomaly 0.01% of the population

#301af2 hex color

#301af2 Color Information

#301af2 Color Conversion

Color Schemes with #301af2

Alternatives to #301af2

#301af2 Preview

Shades and Tints of #301af2

Tones of #301af2

Color Blindness Simulator