#302ef5 hex color

In a RGB color space, hex #302ef5 is composed of 18.8% red, 18% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 81.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 240.6 degrees, a saturation of 90.9% and a lightness of 57.1%. #302ef5 color hex could be obtained by blending #605cff with #0000eb. Closest websafe color is: #3333ff.

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

● #302ef5 color description : Bright blue.

The hexadecimal color #302ef5 has RGB values of R:48, G:46, B:245 and CMYK values of C:0.8, M:0.81, Y:0, K:0.04. Its decimal value is 3157749.

Hex triplet	302ef5	`#302ef5`
RGB Decimal	48, 46, 245	`rgb(48,46,245)`
RGB Percent	18.8, 18, 96.1	`rgb(18.8%,18%,96.1%)`
CMYK	80, 81, 0, 4
HSL	240.6°, 90.9, 57.1	`hsl(240.6,90.9%,57.1%)`
HSV (or HSB)	240.6°, 81.2, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.317, 65.17, -95.506
XYZ	18.674, 9.174, 87.168
xyY	0.162, 0.08, 9.174
CIE-LCH	36.317, 115.622, 304.308
CIE-LUV	36.317, -8.993, -127.808
Hunter-Lab	30.288, 57.05, -149.432
Binary	00110000, 00101110, 11110101

#302ef5
```
#302ef5 rgb(48,46,245)
```
#f3f52e
```
#f3f52e rgb(243,245,46)
```

Complementary Color

#2e90f5
```
#2e90f5 rgb(46,144,245)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#942ef5
```
#942ef5 rgb(148,46,245)
```

Analogous Color

#90f52e
```
#90f52e rgb(144,245,46)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#f5942e
```
#f5942e rgb(245,148,46)
```

Split Complementary Color

#2ef530
```
#2ef530 rgb(46,245,48)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#f5302e
```
#f5302e rgb(245,48,46)
```

Triadic Color

#2ef3f5
```
#2ef3f5 rgb(46,243,245)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#f5302e
```
#f5302e rgb(245,48,46)
```
#f3f52e
```
#f3f52e rgb(243,245,46)
```

Tetradic Color

#0c0acd
```
#0c0acd rgb(12,10,205)
```
#0d0be5
```
#0d0be5 rgb(13,11,229)
```
#1816f4
```
#1816f4 rgb(24,22,244)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#4846f6
```
#4846f6 rgb(72,70,246)
```
#605ff7
```
#605ff7 rgb(96,95,247)
```
#7877f8
```
#7877f8 rgb(120,119,248)
```

Monochromatic Color

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

#2e5ef5
```
#2e5ef5 rgb(46,94,245)
```
#2e4df5
```
#2e4df5 rgb(46,77,245)
```
#2e3df5
```
#2e3df5 rgb(46,61,245)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#412ef5
```
#412ef5 rgb(65,46,245)
```
#512ef5
```
#512ef5 rgb(81,46,245)
```
#622ef5
```
#622ef5 rgb(98,46,245)
```

Similar Colors

Text with hexadecimal color #302ef5

This text has a font color of #302ef5.

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

#302ef5 background color

This paragraph has a background color of #302ef5.

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

#302ef5 border color

This element has a border color of #302ef5.

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

CSS codes

.text {color:#302ef5;}

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

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

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

#010110
```
#010110 rgb(1,1,16)
```
#020222
```
#020222 rgb(2,2,34)
```
#030335
```
#030335 rgb(3,3,53)
```
#040348
```
#040348 rgb(4,3,72)
```
#05045b
```
#05045b rgb(5,4,91)
```
#06056d
```
#06056d rgb(6,5,109)
```
#070680
```
#070680 rgb(7,6,128)
```
#080793
```
#080793 rgb(8,7,147)
```
#0908a5
```
#0908a5 rgb(9,8,165)
```
#0b09b8
```
#0b09b8 rgb(11,9,184)
```
#0c0acb
```
#0c0acb rgb(12,10,203)
```
#0d0bde
```
#0d0bde rgb(13,11,222)
```
#0e0bf0
```
#0e0bf0 rgb(14,11,240)
```

Shade Color Variation

#1d1bf4
```
#1d1bf4 rgb(29,27,244)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#4341f6
```
#4341f6 rgb(67,65,246)
```
#5553f7
```
#5553f7 rgb(85,83,247)
```
#6866f8
```
#6866f8 rgb(104,102,248)
```
#7a79f9
```
#7a79f9 rgb(122,121,249)
```
#8d8cf9
```
#8d8cf9 rgb(141,140,249)
```
#9f9efa
```
#9f9efa rgb(159,158,250)
```
#b2b1fb
```
#b2b1fb rgb(178,177,251)
```
#c4c4fc
```
#c4c4fc rgb(196,196,252)
```
#d7d6fd
```
#d7d6fd rgb(215,214,253)
```
#e9e9fe
```
#e9e9fe rgb(233,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#8b8b98
```
#8b8b98 rgb(139,139,152)
```
#8382a1
```
#8382a1 rgb(131,130,161)
```
#7a7aa9
```
#7a7aa9 rgb(122,122,169)
```
#7271b2
```
#7271b2 rgb(114,113,178)
```
#6a69ba
```
#6a69ba rgb(106,105,186)
```
#6261c2
```
#6261c2 rgb(98,97,194)
```
#5958cb
```
#5958cb rgb(89,88,203)
```
#5150d3
```
#5150d3 rgb(81,80,211)
```
#4947dc
```
#4947dc rgb(73,71,220)
```
#413fe4
```
#413fe4 rgb(65,63,228)
```
#3836ed
```
#3836ed rgb(56,54,237)
```
#302ef5
```
#302ef5 rgb(48,46,245)
```
#2826fd
```
#2826fd rgb(40,38,253)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#114bca Protanomaly 1% of men, 0.01% of women
#114eba Deuteranomaly 6% of men, 0.4% of women
#11529e Tritanomaly 0.01% of the population

#302ef5 hex color

#302ef5 Color Information

#302ef5 Color Conversion

Color Schemes with #302ef5

Alternatives to #302ef5

#302ef5 Preview

Shades and Tints of #302ef5

Tones of #302ef5

Color Blindness Simulator