#302af0 hex color

In a RGB color space, hex #302af0 is composed of 18.8% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 241.8 degrees, a saturation of 86.8% and a lightness of 55.3%. #302af0 color hex could be obtained by blending #6054ff with #0000e1. Closest websafe color is: #3333ff.

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

● #302af0 color description : Bright blue.

The hexadecimal color #302af0 has RGB values of R:48, G:42, B:240 and CMYK values of C:0.8, M:0.83, Y:0, K:0.06. Its decimal value is 3156720.

Hex triplet	302af0	`#302af0`
RGB Decimal	48, 42, 240	`rgb(48,42,240)`
RGB Percent	18.8, 16.5, 94.1	`rgb(18.8%,16.5%,94.1%)`
CMYK	80, 83, 0, 6
HSL	241.8°, 86.8, 55.3	`hsl(241.8,86.8%,55.3%)`
HSV (or HSB)	241.8°, 82.5, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.152, 65.433, -94.618
XYZ	17.772, 8.574, 83.152
xyY	0.162, 0.078, 8.574
CIE-LCH	35.152, 115.039, 304.666
CIE-LUV	35.152, -8.341, -124.93
Hunter-Lab	29.282, 57.092, -147.867
Binary	00110000, 00101010, 11110000

#302af0
```
#302af0 rgb(48,42,240)
```
#eaf02a
```
#eaf02a rgb(234,240,42)
```

Complementary Color

#2a87f0
```
#2a87f0 rgb(42,135,240)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#932af0
```
#932af0 rgb(147,42,240)
```

Analogous Color

#87f02a
```
#87f02a rgb(135,240,42)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#f0932a
```
#f0932a rgb(240,147,42)
```

Split Complementary Color

#2af030
```
#2af030 rgb(42,240,48)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#f0302a
```
#f0302a rgb(240,48,42)
```

Triadic Color

#2aeaf0
```
#2aeaf0 rgb(42,234,240)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#f0302a
```
#f0302a rgb(240,48,42)
```
#eaf02a
```
#eaf02a rgb(234,240,42)
```

Tetradic Color

#130ec0
```
#130ec0 rgb(19,14,192)
```
#150fd8
```
#150fd8 rgb(21,15,216)
```
#1912ee
```
#1912ee rgb(25,18,238)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#4742f2
```
#4742f2 rgb(71,66,242)
```
#5e5af3
```
#5e5af3 rgb(94,90,243)
```
#7571f5
```
#7571f5 rgb(117,113,245)
```

Monochromatic Color

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

#2a55f0
```
#2a55f0 rgb(42,85,240)
```
#2a45f0
```
#2a45f0 rgb(42,69,240)
```
#2a34f0
```
#2a34f0 rgb(42,52,240)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#412af0
```
#412af0 rgb(65,42,240)
```
#512af0
```
#512af0 rgb(81,42,240)
```
#622af0
```
#622af0 rgb(98,42,240)
```

Similar Colors

Text with hexadecimal color #302af0

This text has a font color of #302af0.

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

#302af0 background color

This paragraph has a background color of #302af0.

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

#302af0 border color

This element has a border color of #302af0.

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

CSS codes

.text {color:#302af0;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#020219
```
#020219 rgb(2,2,25)
```
#04032c
```
#04032c rgb(4,3,44)
```
#06043e
```
#06043e rgb(6,4,62)
```
#080650
```
#080650 rgb(8,6,80)
```
#0a0763
```
#0a0763 rgb(10,7,99)
```
#0c0875
```
#0c0875 rgb(12,8,117)
```
#0d0a87
```
#0d0a87 rgb(13,10,135)
```
#0f0b99
```
#0f0b99 rgb(15,11,153)
```
#110cac
```
#110cac rgb(17,12,172)
```
#130dbe
```
#130dbe rgb(19,13,190)
```
#150fd0
```
#150fd0 rgb(21,15,208)
```
#1610e3
```
#1610e3 rgb(22,16,227)
```

Shade Color Variation

#1e18ef
```
#1e18ef rgb(30,24,239)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#423cf1
```
#423cf1 rgb(66,60,241)
```
#544ff3
```
#544ff3 rgb(84,79,243)
```
#6561f4
```
#6561f4 rgb(101,97,244)
```
#7773f5
```
#7773f5 rgb(119,115,245)
```
#8986f6
```
#8986f6 rgb(137,134,246)
```
#9b98f8
```
#9b98f8 rgb(155,152,248)
```
#adaaf9
```
#adaaf9 rgb(173,170,249)
```
#bebdfa
```
#bebdfa rgb(190,189,250)
```
#d0cffc
```
#d0cffc rgb(208,207,252)
```
#e2e1fd
```
#e2e1fd rgb(226,225,253)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8a90 is the less saturated color, while #2821f9 is the most saturated one.

#8b8a90
```
#8b8a90 rgb(139,138,144)
```
#828298
```
#828298 rgb(130,130,152)
```
#7a79a1
```
#7a79a1 rgb(122,121,161)
```
#7270aa
```
#7270aa rgb(114,112,170)
```
#6a67b3
```
#6a67b3 rgb(106,103,179)
```
#615fbb
```
#615fbb rgb(97,95,187)
```
#5956c4
```
#5956c4 rgb(89,86,196)
```
#514dcd
```
#514dcd rgb(81,77,205)
```
#4944d6
```
#4944d6 rgb(73,68,214)
```
#403cde
```
#403cde rgb(64,60,222)
```
#3833e7
```
#3833e7 rgb(56,51,231)
```
#302af0
```
#302af0 rgb(48,42,240)
```
#2821f9
```
#2821f9 rgb(40,33,249)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e3d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1147c5 Protanomaly 1% of men, 0.01% of women
#114bb6 Deuteranomaly 6% of men, 0.4% of women
#114f9a Tritanomaly 0.01% of the population

#302af0 hex color

#302af0 Color Information

#302af0 Color Conversion

Color Schemes with #302af0

Alternatives to #302af0

#302af0 Preview

Shades and Tints of #302af0

Tones of #302af0

Color Blindness Simulator