#3a30af hex color

In a RGB color space, hex #3a30af is composed of 22.7% red, 18.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 72.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 244.7 degrees, a saturation of 57% and a lightness of 43.7%. #3a30af color hex could be obtained by blending #7460ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 19
- B 69
RGB color chart
- C 67
- M 73
- Y 0
- K 31
CMYK color chart

● #3a30af color description : Dark blue.

The hexadecimal color #3a30af has RGB values of R:58, G:48, B:175 and CMYK values of C:0.67, M:0.73, Y:0, K:0.31. Its decimal value is 3813551.

Hex triplet	3a30af	`#3a30af`
RGB Decimal	58, 48, 175	`rgb(58,48,175)`
RGB Percent	22.7, 18.8, 68.6	`rgb(22.7%,18.8%,68.6%)`
CMYK	67, 73, 0, 31
HSL	244.7°, 57, 43.7	`hsl(244.7,57%,43.7%)`
HSV (or HSB)	244.7°, 72.6, 68.6
Web Safe	333399	`#333399`

CIE-LAB	29.684, 43.292, -65.868
XYZ	10.538, 6.108, 41.179
xyY	0.182, 0.106, 6.108
CIE-LCH	29.684, 78.822, 303.315
CIE-LUV	29.684, -4.272, -86.734
Hunter-Lab	24.715, 32.862, -81.487
Binary	00111010, 00110000, 10101111

#3a30af
```
#3a30af rgb(58,48,175)
```
#a5af30
```
#a5af30 rgb(165,175,48)
```

Complementary Color

#3066af
```
#3066af rgb(48,102,175)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#7a30af
```
#7a30af rgb(122,48,175)
```

Analogous Color

#66af30
```
#66af30 rgb(102,175,48)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#af7a30
```
#af7a30 rgb(175,122,48)
```

Split Complementary Color

#30af3a
```
#30af3a rgb(48,175,58)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#af3a30
```
#af3a30 rgb(175,58,48)
```

Triadic Color

#30a5af
```
#30a5af rgb(48,165,175)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#af3a30
```
#af3a30 rgb(175,58,48)
```
#a5af30
```
#a5af30 rgb(165,175,48)
```

Tetradic Color

#262073
```
#262073 rgb(38,32,115)
```
#2d2587
```
#2d2587 rgb(45,37,135)
```
#332b9b
```
#332b9b rgb(51,43,155)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#4135c3
```
#4135c3 rgb(65,53,195)
```
#5046cc
```
#5046cc rgb(80,70,204)
```
#635ad2
```
#635ad2 rgb(99,90,210)
```

Monochromatic Color

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

#3046af
```
#3046af rgb(48,70,175)
```
#303baf
```
#303baf rgb(48,59,175)
```
#3031af
```
#3031af rgb(48,49,175)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#4530af
```
#4530af rgb(69,48,175)
```
#4f30af
```
#4f30af rgb(79,48,175)
```
#5a30af
```
#5a30af rgb(90,48,175)
```

Similar Colors

Text with hexadecimal color #3a30af

This text has a font color of #3a30af.

<span style="color:#3a30af;">Text here</span>

#3a30af background color

This paragraph has a background color of #3a30af.

<p style="background-color:#3a30af;">Content here</p>

#3a30af border color

This element has a border color of #3a30af.

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

CSS codes

.text {color:#3a30af;}

.background {background-color:#3a30af;}

.border {border:1px solid #3a30af;}

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

#020206
```
#020206 rgb(2,2,6)
```
#070615
```
#070615 rgb(7,6,21)
```
#0c0a24
```
#0c0a24 rgb(12,10,36)
```
#110e34
```
#110e34 rgb(17,14,52)
```
#161243
```
#161243 rgb(22,18,67)
```
#1b1753
```
#1b1753 rgb(27,23,83)
```
#201b62
```
#201b62 rgb(32,27,98)
```
#261f71
```
#261f71 rgb(38,31,113)
```
#2b2381
```
#2b2381 rgb(43,35,129)
```
#302890
```
#302890 rgb(48,40,144)
```
#352ca0
```
#352ca0 rgb(53,44,160)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#3f34be
```
#3f34be rgb(63,52,190)
```

Shade Color Variation

#483dca
```
#483dca rgb(72,61,202)
```
#564cce
```
#564cce rgb(86,76,206)
```
#655bd2
```
#655bd2 rgb(101,91,210)
```
#736bd6
```
#736bd6 rgb(115,107,214)
```
#827adb
```
#827adb rgb(130,122,219)
```
#908adf
```
#908adf rgb(144,138,223)
```
#9f99e3
```
#9f99e3 rgb(159,153,227)
```
#ada8e7
```
#ada8e7 rgb(173,168,231)
```
#bcb8eb
```
#bcb8eb rgb(188,184,235)
```
#cac7f0
```
#cac7f0 rgb(202,199,240)
```
#d9d6f4
```
#d9d6f4 rgb(217,214,244)
```
#e7e6f8
```
#e7e6f8 rgb(231,230,248)
```
#f6f5fc
```
#f6f5fc rgb(246,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6c73 is the less saturated color, while #1605da is the most saturated one.

#6d6c73
```
#6d6c73 rgb(109,108,115)
```
#65637c
```
#65637c rgb(101,99,124)
```
#5e5b84
```
#5e5b84 rgb(94,91,132)
```
#57528d
```
#57528d rgb(87,82,141)
```
#504a95
```
#504a95 rgb(80,74,149)
```
#48419e
```
#48419e rgb(72,65,158)
```
#4139a6
```
#4139a6 rgb(65,57,166)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#3327b8
```
#3327b8 rgb(51,39,184)
```
#2c1fc0
```
#2c1fc0 rgb(44,31,192)
```
#2416c9
```
#2416c9 rgb(36,22,201)
```
#1d0ed1
```
#1d0ed1 rgb(29,14,209)
```
#1605da
```
#1605da rgb(22,5,218)
```

Tone Color Variation

Below, you can see how #3a30af 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

#414141 Achromatopsia 0.005% of the population
#403e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005182 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#15429f Protanomaly 1% of men, 0.01% of women
#154592 Deuteranomaly 6% of men, 0.4% of women
#15497a Tritanomaly 0.01% of the population

#3a30af hex color

#3a30af Color Information

#3a30af Color Conversion

Color Schemes with #3a30af

Alternatives to #3a30af

#3a30af Preview

Shades and Tints of #3a30af

Tones of #3a30af

Color Blindness Simulator