#302ac4 hex color

In a RGB color space, hex #302ac4 is composed of 18.8% red, 16.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 78.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 242.3 degrees, a saturation of 64.7% and a lightness of 46.7%. #302ac4 color hex could be obtained by blending #6054ff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 16
- B 77
RGB color chart
- C 76
- M 79
- Y 0
- K 23
CMYK color chart

● #302ac4 color description : Strong blue.

The hexadecimal color #302ac4 has RGB values of R:48, G:42, B:196 and CMYK values of C:0.76, M:0.79, Y:0, K:0.23. Its decimal value is 3156676.

Hex triplet	302ac4	`#302ac4`
RGB Decimal	48, 42, 196	`rgb(48,42,196)`
RGB Percent	18.8, 16.5, 76.9	`rgb(18.8%,16.5%,76.9%)`
CMYK	76, 79, 0, 23
HSL	242.3°, 64.7, 46.7	`hsl(242.3,64.7%,46.7%)`
HSV (or HSB)	242.3°, 78.6, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.081, 52.266, -77.676
XYZ	12.009, 6.269, 52.799
xyY	0.169, 0.088, 6.269
CIE-LCH	30.081, 93.624, 303.936
CIE-LUV	30.081, -6.332, -99.71
Hunter-Lab	25.038, 41.795, -107.5
Binary	00110000, 00101010, 11000100

#302ac4
```
#302ac4 rgb(48,42,196)
```
#bec42a
```
#bec42a rgb(190,196,42)
```

Complementary Color

#2a71c4
```
#2a71c4 rgb(42,113,196)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#7d2ac4
```
#7d2ac4 rgb(125,42,196)
```

Analogous Color

#71c42a
```
#71c42a rgb(113,196,42)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#c47d2a
```
#c47d2a rgb(196,125,42)
```

Split Complementary Color

#2ac430
```
#2ac430 rgb(42,196,48)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#c4302a
```
#c4302a rgb(196,48,42)
```

Triadic Color

#2abec4
```
#2abec4 rgb(42,190,196)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#c4302a
```
#c4302a rgb(196,48,42)
```
#bec42a
```
#bec42a rgb(190,196,42)
```

Tetradic Color

#211d85
```
#211d85 rgb(33,29,133)
```
#26219a
```
#26219a rgb(38,33,154)
```
#2b26af
```
#2b26af rgb(43,38,175)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#3a34d4
```
#3a34d4 rgb(58,52,212)
```
#4f49d8
```
#4f49d8 rgb(79,73,216)
```
#635edd
```
#635edd rgb(99,94,221)
```

Monochromatic Color

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

#2a4ac4
```
#2a4ac4 rgb(42,74,196)
```
#2a3ec4
```
#2a3ec4 rgb(42,62,196)
```
#2a31c4
```
#2a31c4 rgb(42,49,196)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#3d2ac4
```
#3d2ac4 rgb(61,42,196)
```
#4a2ac4
```
#4a2ac4 rgb(74,42,196)
```
#572ac4
```
#572ac4 rgb(87,42,196)
```

Similar Colors

Text with hexadecimal color #302ac4

This text has a font color of #302ac4.

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

#302ac4 background color

This paragraph has a background color of #302ac4.

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

#302ac4 border color

This element has a border color of #302ac4.

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

CSS codes

.text {color:#302ac4;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#040412
```
#040412 rgb(4,4,18)
```
#080722
```
#080722 rgb(8,7,34)
```
#0c0b33
```
#0c0b33 rgb(12,11,51)
```
#100e43
```
#100e43 rgb(16,14,67)
```
#141253
```
#141253 rgb(20,18,83)
```
#181563
```
#181563 rgb(24,21,99)
```
#1c1973
```
#1c1973 rgb(28,25,115)
```
#201c83
```
#201c83 rgb(32,28,131)
```
#242094
```
#242094 rgb(36,32,148)
```
#2823a4
```
#2823a4 rgb(40,35,164)
```
#2c27b4
```
#2c27b4 rgb(44,39,180)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```

Shade Color Variation

#362fd2
```
#362fd2 rgb(54,47,210)
```
#453fd6
```
#453fd6 rgb(69,63,214)
```
#554fd9
```
#554fd9 rgb(85,79,217)
```
#6460dd
```
#6460dd rgb(100,96,221)
```
#7470e0
```
#7470e0 rgb(116,112,224)
```
#8480e4
```
#8480e4 rgb(132,128,228)
```
#9390e7
```
#9390e7 rgb(147,144,231)
```
#a3a0eb
```
#a3a0eb rgb(163,160,235)
```
#b3b0ee
```
#b3b0ee rgb(179,176,238)
```
#c2c1f2
```
#c2c1f2 rgb(194,193,242)
```
#d2d1f5
```
#d2d1f5 rgb(210,209,245)
```
#e2e1f9
```
#e2e1f9 rgb(226,225,249)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74737b is the less saturated color, while #0e05e9 is the most saturated one.

#74737b
```
#74737b rgb(116,115,123)
```
#6b6a84
```
#6b6a84 rgb(107,106,132)
```
#63618d
```
#63618d rgb(99,97,141)
```
#5a5896
```
#5a5896 rgb(90,88,150)
```
#524f9f
```
#524f9f rgb(82,79,159)
```
#4945a9
```
#4945a9 rgb(73,69,169)
```
#413cb2
```
#413cb2 rgb(65,60,178)
```
#3833bb
```
#3833bb rgb(56,51,187)
```
#302ac4
```
#302ac4 rgb(48,42,196)
```
#2821cd
```
#2821cd rgb(40,33,205)
```
#1f18d6
```
#1f18d6 rgb(31,24,214)
```
#170fdf
```
#170fdf rgb(23,15,223)
```
#0e05e9
```
#0e05e9 rgb(14,5,233)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#1141a7 Protanomaly 1% of men, 0.01% of women
#11439a Deuteranomaly 6% of men, 0.4% of women
#114782 Tritanomaly 0.01% of the population

#302ac4 hex color

#302ac4 Color Information

#302ac4 Color Conversion

Color Schemes with #302ac4

Alternatives to #302ac4

#302ac4 Preview

Shades and Tints of #302ac4

Tones of #302ac4

Color Blindness Simulator