#302aec hex color

In a RGB color space, hex #302aec is composed of 18.8% red, 16.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 82.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 241.9 degrees, a saturation of 83.6% and a lightness of 54.5%. #302aec color hex could be obtained by blending #6054ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 16
- B 93
RGB color chart
- C 80
- M 82
- Y 0
- K 7
CMYK color chart

● #302aec color description : Bright blue.

The hexadecimal color #302aec has RGB values of R:48, G:42, B:236 and CMYK values of C:0.8, M:0.82, Y:0, K:0.07. Its decimal value is 3156716.

Hex triplet	302aec	`#302aec`
RGB Decimal	48, 42, 236	`rgb(48,42,236)`
RGB Percent	18.8, 16.5, 92.5	`rgb(18.8%,16.5%,92.5%)`
CMYK	80, 82, 0, 7
HSL	241.9°, 83.6, 54.5	`hsl(241.9,83.6%,54.5%)`
HSV (or HSB)	241.9°, 82.2, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.68, 64.28, -93.134
XYZ	17.184, 8.339, 80.056
xyY	0.163, 0.079, 8.339
CIE-LCH	34.68, 113.163, 304.613
CIE-LUV	34.68, -8.164, -122.667
Hunter-Lab	28.878, 55.683, -144.152
Binary	00110000, 00101010, 11101100

#302aec
```
#302aec rgb(48,42,236)
```
#e6ec2a
```
#e6ec2a rgb(230,236,42)
```

Complementary Color

#2a85ec
```
#2a85ec rgb(42,133,236)
```
#302aec
```
#302aec rgb(48,42,236)
```
#912aec
```
#912aec rgb(145,42,236)
```

Analogous Color

#85ec2a
```
#85ec2a rgb(133,236,42)
```
#302aec
```
#302aec rgb(48,42,236)
```
#ec912a
```
#ec912a rgb(236,145,42)
```

Split Complementary Color

#2aec30
```
#2aec30 rgb(42,236,48)
```
#302aec
```
#302aec rgb(48,42,236)
```
#ec302a
```
#ec302a rgb(236,48,42)
```

Triadic Color

#2ae6ec
```
#2ae6ec rgb(42,230,236)
```
#302aec
```
#302aec rgb(48,42,236)
```
#ec302a
```
#ec302a rgb(236,48,42)
```
#e6ec2a
```
#e6ec2a rgb(230,236,42)
```

Tetradic Color

#1611b9
```
#1611b9 rgb(22,17,185)
```
#1813d0
```
#1813d0 rgb(24,19,208)
```
#1b15e8
```
#1b15e8 rgb(27,21,232)
```
#302aec
```
#302aec rgb(48,42,236)
```
#4741ee
```
#4741ee rgb(71,65,238)
```
#5e59f0
```
#5e59f0 rgb(94,89,240)
```
#7470f2
```
#7470f2 rgb(116,112,242)
```

Monochromatic Color

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

#2a54ec
```
#2a54ec rgb(42,84,236)
```
#2a44ec
```
#2a44ec rgb(42,68,236)
```
#2a34ec
```
#2a34ec rgb(42,52,236)
```
#302aec
```
#302aec rgb(48,42,236)
```
#402aec
```
#402aec rgb(64,42,236)
```
#502aec
```
#502aec rgb(80,42,236)
```
#612aec
```
#612aec rgb(97,42,236)
```

Similar Colors

Text with hexadecimal color #302aec

This text has a font color of #302aec.

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

#302aec background color

This paragraph has a background color of #302aec.

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

#302aec border color

This element has a border color of #302aec.

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

CSS codes

.text {color:#302aec;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#020215
```
#020215 rgb(2,2,21)
```
#050327
```
#050327 rgb(5,3,39)
```
#070539
```
#070539 rgb(7,5,57)
```
#09074b
```
#09074b rgb(9,7,75)
```
#0b085d
```
#0b085d rgb(11,8,93)
```
#0d0a6f
```
#0d0a6f rgb(13,10,111)
```
#0f0c81
```
#0f0c81 rgb(15,12,129)
```
#110d93
```
#110d93 rgb(17,13,147)
```
#130fa5
```
#130fa5 rgb(19,15,165)
```
#1610b7
```
#1610b7 rgb(22,16,183)
```
#1812c9
```
#1812c9 rgb(24,18,201)
```
#1a14db
```
#1a14db rgb(26,20,219)
```

Shade Color Variation

#1e18ea
```
#1e18ea rgb(30,24,234)
```
#302aec
```
#302aec rgb(48,42,236)
```
#423cee
```
#423cee rgb(66,60,238)
```
#534eef
```
#534eef rgb(83,78,239)
```
#6560f1
```
#6560f1 rgb(101,96,241)
```
#7672f2
```
#7672f2 rgb(118,114,242)
```
#8884f4
```
#8884f4 rgb(136,132,244)
```
#9996f6
```
#9996f6 rgb(153,150,246)
```
#aba8f7
```
#aba8f7 rgb(171,168,247)
```
#bcbaf9
```
#bcbaf9 rgb(188,186,249)
```
#ceccfa
```
#ceccfa rgb(206,204,250)
```
#dfdefc
```
#dfdefc rgb(223,222,252)
```
#f1f0fe
```
#f1f0fe rgb(241,240,254)
```

Tint Color Variation

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

#848393
```
#848393 rgb(132,131,147)
```
#7b7a9c
```
#7b7a9c rgb(123,122,156)
```
#7371a5
```
#7371a5 rgb(115,113,165)
```
#6b68ae
```
#6b68ae rgb(107,104,174)
```
#6260b6
```
#6260b6 rgb(98,96,182)
```
#5a57bf
```
#5a57bf rgb(90,87,191)
```
#514ec8
```
#514ec8 rgb(81,78,200)
```
#4945d1
```
#4945d1 rgb(73,69,209)
```
#413cda
```
#413cda rgb(65,60,218)
```
#3833e3
```
#3833e3 rgb(56,51,227)
```
#302aec
```
#302aec rgb(48,42,236)
```
#2821f5
```
#2821f5 rgb(40,33,245)
```
#1f18fe
```
#1f18fe rgb(31,24,254)
```

Tone Color Variation

Below, you can see how #302aec 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
#3e3d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1147c2 Protanomaly 1% of men, 0.01% of women
#114ab3 Deuteranomaly 6% of men, 0.4% of women
#114e98 Tritanomaly 0.01% of the population

#302aec hex color

#302aec Color Information

#302aec Color Conversion

Color Schemes with #302aec

Alternatives to #302aec

#302aec Preview

Shades and Tints of #302aec

Tones of #302aec

Color Blindness Simulator