#302ac5 hex color

In a RGB color space, hex #302ac5 is composed of 18.8% red, 16.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 78.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 242.3 degrees, a saturation of 64.9% and a lightness of 46.9%. #302ac5 color hex could be obtained by blending #6054ff with #00008b. 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

● #302ac5 color description : Strong blue.

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

Hex triplet	302ac5	`#302ac5`
RGB Decimal	48, 42, 197	`rgb(48,42,197)`
RGB Percent	18.8, 16.5, 77.3	`rgb(18.8%,16.5%,77.3%)`
CMYK	76, 79, 0, 23
HSL	242.3°, 64.9, 46.9	`hsl(242.3,64.9%,46.9%)`
HSV (or HSB)	242.3°, 78.7, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.193, 52.578, -78.078
XYZ	12.123, 6.315, 53.4
xyY	0.169, 0.088, 6.315
CIE-LCH	30.193, 94.131, 303.956
CIE-LUV	30.193, -6.38, -100.292
Hunter-Lab	25.129, 42.136, -108.402
Binary	00110000, 00101010, 11000101

#302ac5
```
#302ac5 rgb(48,42,197)
```
#bfc52a
```
#bfc52a rgb(191,197,42)
```

Complementary Color

#2a72c5
```
#2a72c5 rgb(42,114,197)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#7e2ac5
```
#7e2ac5 rgb(126,42,197)
```

Analogous Color

#72c52a
```
#72c52a rgb(114,197,42)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#c57e2a
```
#c57e2a rgb(197,126,42)
```

Split Complementary Color

#2ac530
```
#2ac530 rgb(42,197,48)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#c5302a
```
#c5302a rgb(197,48,42)
```

Triadic Color

#2abfc5
```
#2abfc5 rgb(42,191,197)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#c5302a
```
#c5302a rgb(197,48,42)
```
#bfc52a
```
#bfc52a rgb(191,197,42)
```

Tetradic Color

#211d86
```
#211d86 rgb(33,29,134)
```
#26219b
```
#26219b rgb(38,33,155)
```
#2b26b0
```
#2b26b0 rgb(43,38,176)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#3b35d4
```
#3b35d4 rgb(59,53,212)
```
#4f4ad8
```
#4f4ad8 rgb(79,74,216)
```
#645fdd
```
#645fdd rgb(100,95,221)
```

Monochromatic Color

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

#2a4bc5
```
#2a4bc5 rgb(42,75,197)
```
#2a3ec5
```
#2a3ec5 rgb(42,62,197)
```
#2a31c5
```
#2a31c5 rgb(42,49,197)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#3d2ac5
```
#3d2ac5 rgb(61,42,197)
```
#4a2ac5
```
#4a2ac5 rgb(74,42,197)
```
#572ac5
```
#572ac5 rgb(87,42,197)
```

Similar Colors

Text with hexadecimal color #302ac5

This text has a font color of #302ac5.

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

#302ac5 background color

This paragraph has a background color of #302ac5.

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

#302ac5 border color

This element has a border color of #302ac5.

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

CSS codes

.text {color:#302ac5;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050413
```
#050413 rgb(5,4,19)
```
#090823
```
#090823 rgb(9,8,35)
```
#0d0b33
```
#0d0b33 rgb(13,11,51)
```
#100e44
```
#100e44 rgb(16,14,68)
```
#141254
```
#141254 rgb(20,18,84)
```
#181564
```
#181564 rgb(24,21,100)
```
#1c1974
```
#1c1974 rgb(28,25,116)
```
#201c84
```
#201c84 rgb(32,28,132)
```
#242094
```
#242094 rgb(36,32,148)
```
#2823a5
```
#2823a5 rgb(40,35,165)
```
#2c27b5
```
#2c27b5 rgb(44,39,181)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```

Shade Color Variation

#3630d3
```
#3630d3 rgb(54,48,211)
```
#4640d6
```
#4640d6 rgb(70,64,214)
```
#5550da
```
#5550da rgb(85,80,218)
```
#6560dd
```
#6560dd rgb(101,96,221)
```
#7570e1
```
#7570e1 rgb(117,112,225)
```
#8481e4
```
#8481e4 rgb(132,129,228)
```
#9491e8
```
#9491e8 rgb(148,145,232)
```
#a4a1eb
```
#a4a1eb rgb(164,161,235)
```
#b4b1ee
```
#b4b1ee rgb(180,177,238)
```
#c3c1f2
```
#c3c1f2 rgb(195,193,242)
```
#d3d1f5
```
#d3d1f5 rgb(211,209,245)
```
#e3e2f9
```
#e3e2f9 rgb(227,226,249)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

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

#74747b
```
#74747b rgb(116,116,123)
```
#6b6a85
```
#6b6a85 rgb(107,106,133)
```
#63618e
```
#63618e rgb(99,97,142)
```
#5a5897
```
#5a5897 rgb(90,88,151)
```
#524fa0
```
#524fa0 rgb(82,79,160)
```
#4946a9
```
#4946a9 rgb(73,70,169)
```
#413cb3
```
#413cb3 rgb(65,60,179)
```
#3833bc
```
#3833bc rgb(56,51,188)
```
#302ac5
```
#302ac5 rgb(48,42,197)
```
#2821ce
```
#2821ce rgb(40,33,206)
```
#1f18d7
```
#1f18d7 rgb(31,24,215)
```
#170ee1
```
#170ee1 rgb(23,14,225)
```
#0e05ea
```
#0e05ea rgb(14,5,234)
```

Tone Color Variation

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

#004e98 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#1141a8 Protanomaly 1% of men, 0.01% of women
#11449b Deuteranomaly 6% of men, 0.4% of women
#114782 Tritanomaly 0.01% of the population

#302ac5 hex color

#302ac5 Color Information

#302ac5 Color Conversion

Color Schemes with #302ac5

Alternatives to #302ac5

#302ac5 Preview

Shades and Tints of #302ac5

Tones of #302ac5

Color Blindness Simulator