#302af6 hex color

In a RGB color space, hex #302af6 is composed of 18.8% red, 16.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 82.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 241.8 degrees, a saturation of 91.9% and a lightness of 56.5%. #302af6 color hex could be obtained by blending #6054ff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 16
- B 96
RGB color chart
- C 80
- M 83
- Y 0
- K 4
CMYK color chart

● #302af6 color description : Bright blue.

The hexadecimal color #302af6 has RGB values of R:48, G:42, B:246 and CMYK values of C:0.8, M:0.83, Y:0, K:0.04. Its decimal value is 3156726.

Hex triplet	302af6	`#302af6`
RGB Decimal	48, 42, 246	`rgb(48,42,246)`
RGB Percent	18.8, 16.5, 96.5	`rgb(18.8%,16.5%,96.5%)`
CMYK	80, 83, 0, 4
HSL	241.8°, 91.9, 56.5	`hsl(241.8,91.9%,56.5%)`
HSV (or HSB)	241.8°, 82.9, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.862, 67.148, -96.825
XYZ	18.678, 8.937, 87.924
xyY	0.162, 0.077, 8.937
CIE-LCH	35.862, 117.83, 304.741
CIE-LUV	35.862, -8.606, -128.313
Hunter-Lab	29.895, 59.211, -153.454
Binary	00110000, 00101010, 11110110

#302af6
```
#302af6 rgb(48,42,246)
```
#f0f62a
```
#f0f62a rgb(240,246,42)
```

Complementary Color

#2a8af6
```
#2a8af6 rgb(42,138,246)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#962af6
```
#962af6 rgb(150,42,246)
```

Analogous Color

#8af62a
```
#8af62a rgb(138,246,42)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#f6962a
```
#f6962a rgb(246,150,42)
```

Split Complementary Color

#2af630
```
#2af630 rgb(42,246,48)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#f6302a
```
#f6302a rgb(246,48,42)
```

Triadic Color

#2af0f6
```
#2af0f6 rgb(42,240,246)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#f6302a
```
#f6302a rgb(246,48,42)
```
#f0f62a
```
#f0f62a rgb(240,246,42)
```

Tetradic Color

#0e09cb
```
#0e09cb rgb(14,9,203)
```
#100ae3
```
#100ae3 rgb(16,10,227)
```
#1812f5
```
#1812f5 rgb(24,18,245)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#4842f7
```
#4842f7 rgb(72,66,247)
```
#605bf8
```
#605bf8 rgb(96,91,248)
```
#7773f9
```
#7773f9 rgb(119,115,249)
```

Monochromatic Color

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

#2a57f6
```
#2a57f6 rgb(42,87,246)
```
#2a46f6
```
#2a46f6 rgb(42,70,246)
```
#2a35f6
```
#2a35f6 rgb(42,53,246)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#412af6
```
#412af6 rgb(65,42,246)
```
#522af6
```
#522af6 rgb(82,42,246)
```
#632af6
```
#632af6 rgb(99,42,246)
```

Similar Colors

Text with hexadecimal color #302af6

This text has a font color of #302af6.

<span style="color:#302af6;">Text here</span>

#302af6 background color

This paragraph has a background color of #302af6.

<p style="background-color:#302af6;">Content here</p>

#302af6 border color

This element has a border color of #302af6.

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

CSS codes

.text {color:#302af6;}

.background {background-color:#302af6;}

.border {border:1px solid #302af6;}

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

#01010d
```
#01010d rgb(1,1,13)
```
#020120
```
#020120 rgb(2,1,32)
```
#040232
```
#040232 rgb(4,2,50)
```
#050345
```
#050345 rgb(5,3,69)
```
#060458
```
#060458 rgb(6,4,88)
```
#08056b
```
#08056b rgb(8,5,107)
```
#09057e
```
#09057e rgb(9,5,126)
```
#0a0691
```
#0a0691 rgb(10,6,145)
```
#0c07a3
```
#0c07a3 rgb(12,7,163)
```
#0d08b6
```
#0d08b6 rgb(13,8,182)
```
#0e08c9
```
#0e08c9 rgb(14,8,201)
```
#0f09dc
```
#0f09dc rgb(15,9,220)
```
#110aef
```
#110aef rgb(17,10,239)
```

Shade Color Variation

#1e17f5
```
#1e17f5 rgb(30,23,245)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#423df7
```
#423df7 rgb(66,61,247)
```
#5550f8
```
#5550f8 rgb(85,80,248)
```
#6762f8
```
#6762f8 rgb(103,98,248)
```
#7975f9
```
#7975f9 rgb(121,117,249)
```
#8b88fa
```
#8b88fa rgb(139,136,250)
```
#9e9bfb
```
#9e9bfb rgb(158,155,251)
```
#b0aefc
```
#b0aefc rgb(176,174,252)
```
#c2c1fc
```
#c2c1fc rgb(194,193,252)
```
#d5d3fd
```
#d5d3fd rgb(213,211,253)
```
#e7e6fe
```
#e7e6fe rgb(231,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, #888898 is the less saturated color, while #2821ff is the most saturated one.

#888898
```
#888898 rgb(136,136,152)
```
#807fa1
```
#807fa1 rgb(128,127,161)
```
#7877a9
```
#7877a9 rgb(120,119,169)
```
#706eb2
```
#706eb2 rgb(112,110,178)
```
#6866ba
```
#6866ba rgb(104,102,186)
```
#605dc3
```
#605dc3 rgb(96,93,195)
```
#5855cb
```
#5855cb rgb(88,85,203)
```
#504cd4
```
#504cd4 rgb(80,76,212)
```
#4844dc
```
#4844dc rgb(72,68,220)
```
#403be5
```
#403be5 rgb(64,59,229)
```
#3833ed
```
#3833ed rgb(56,51,237)
```
#302af6
```
#302af6 rgb(48,42,246)
```
#2821ff
```
#2821ff rgb(40,33,255)
```

Tone Color Variation

Below, you can see how #302af6 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

#434343 Achromatopsia 0.005% of the population
#3f3e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006097 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1148c9 Protanomaly 1% of men, 0.01% of women
#114cba Deuteranomaly 6% of men, 0.4% of women
#11509d Tritanomaly 0.01% of the population

#302af6 hex color

#302af6 Color Information

#302af6 Color Conversion

Color Schemes with #302af6

Alternatives to #302af6

#302af6 Preview

Shades and Tints of #302af6

Tones of #302af6

Color Blindness Simulator