#3a307b hex color

In a RGB color space, hex #3a307b is composed of 22.7% red, 18.8% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 61% magenta, 0% yellow and 51.8% black. It has a hue angle of 248 degrees, a saturation of 43.9% and a lightness of 33.5%. #3a307b color hex could be obtained by blending #7460f6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 19
- B 48
RGB color chart
- C 53
- M 61
- Y 0
- K 52
CMYK color chart

● #3a307b color description : Dark moderate blue.

The hexadecimal color #3a307b has RGB values of R:58, G:48, B:123 and CMYK values of C:0.53, M:0.61, Y:0, K:0.52. Its decimal value is 3813499.

Hex triplet	3a307b	`#3a307b`
RGB Decimal	58, 48, 123	`rgb(58,48,123)`
RGB Percent	22.7, 18.8, 48.2	`rgb(22.7%,18.8%,48.2%)`
CMYK	53, 61, 0, 52
HSL	248°, 43.9, 33.5	`hsl(248,43.9%,33.5%)`
HSV (or HSB)	248°, 61, 48.2
Web Safe	333366	`#333366`

CIE-LAB	25.086, 26.07, -41.431
XYZ	6.376, 4.443, 19.259
xyY	0.212, 0.148, 4.443
CIE-LCH	25.086, 48.95, 302.18
CIE-LUV	25.086, -0.93, -53.031
Hunter-Lab	21.079, 17.107, -39.416
Binary	00111010, 00110000, 01111011

#3a307b
```
#3a307b rgb(58,48,123)
```
#717b30
```
#717b30 rgb(113,123,48)
```

Complementary Color

#304c7b
```
#304c7b rgb(48,76,123)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#60307b
```
#60307b rgb(96,48,123)
```

Analogous Color

#4c7b30
```
#4c7b30 rgb(76,123,48)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#7b6030
```
#7b6030 rgb(123,96,48)
```

Split Complementary Color

#307b3a
```
#307b3a rgb(48,123,58)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#7b3a30
```
#7b3a30 rgb(123,58,48)
```

Triadic Color

#30717b
```
#30717b rgb(48,113,123)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#7b3a30
```
#7b3a30 rgb(123,58,48)
```
#717b30
```
#717b30 rgb(113,123,48)
```

Tetradic Color

#201b44
```
#201b44 rgb(32,27,68)
```
#292256
```
#292256 rgb(41,34,86)
```
#312969
```
#312969 rgb(49,41,105)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#43378d
```
#43378d rgb(67,55,141)
```
#4b3ea0
```
#4b3ea0 rgb(75,62,160)
```
#5445b2
```
#5445b2 rgb(84,69,178)
```

Monochromatic Color

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

#30397b
```
#30397b rgb(48,57,123)
```
#30337b
```
#30337b rgb(48,51,123)
```
#34307b
```
#34307b rgb(52,48,123)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#40307b
```
#40307b rgb(64,48,123)
```
#47307b
```
#47307b rgb(71,48,123)
```
#4d307b
```
#4d307b rgb(77,48,123)
```

Similar Colors

Text with hexadecimal color #3a307b

This text has a font color of #3a307b.

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

#3a307b background color

This paragraph has a background color of #3a307b.

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

#3a307b border color

This element has a border color of #3a307b.

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

CSS codes

.text {color:#3a307b;}

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

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

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, #05040a is the darkest color, while #fbfbfd is the lightest one.

#05040a
```
#05040a rgb(5,4,10)
```
#0b0918
```
#0b0918 rgb(11,9,24)
```
#120f26
```
#120f26 rgb(18,15,38)
```
#191434
```
#191434 rgb(25,20,52)
```
#1f1a43
```
#1f1a43 rgb(31,26,67)
```
#261f51
```
#261f51 rgb(38,31,81)
```
#2d255f
```
#2d255f rgb(45,37,95)
```
#332a6d
```
#332a6d rgb(51,42,109)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#413689
```
#413689 rgb(65,54,137)
```
#473b97
```
#473b97 rgb(71,59,151)
```
#4e41a5
```
#4e41a5 rgb(78,65,165)
```
#5546b3
```
#5546b3 rgb(85,70,179)
```

Shade Color Variation

#6052bb
```
#6052bb rgb(96,82,187)
```
#6d60c1
```
#6d60c1 rgb(109,96,193)
```
#7a6ec6
```
#7a6ec6 rgb(122,110,198)
```
#877ccc
```
#877ccc rgb(135,124,204)
```
#948ad1
```
#948ad1 rgb(148,138,209)
```
#a198d7
```
#a198d7 rgb(161,152,215)
```
#aea6dc
```
#aea6dc rgb(174,166,220)
```
#bbb4e2
```
#bbb4e2 rgb(187,180,226)
```
#c7c3e7
```
#c7c3e7 rgb(199,195,231)
```
#d4d1ed
```
#d4d1ed rgb(212,209,237)
```
#e1dff2
```
#e1dff2 rgb(225,223,242)
```
#eeedf8
```
#eeedf8 rgb(238,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52515a is the less saturated color, while #1802a9 is the most saturated one.

#52515a
```
#52515a rgb(82,81,90)
```
#4d4a61
```
#4d4a61 rgb(77,74,97)
```
#484467
```
#484467 rgb(72,68,103)
```
#443d6e
```
#443d6e rgb(68,61,110)
```
#3f3774
```
#3f3774 rgb(63,55,116)
```
#3a307b
```
#3a307b rgb(58,48,123)
```
#352982
```
#352982 rgb(53,41,130)
```
#302388
```
#302388 rgb(48,35,136)
```
#2c1c8f
```
#2c1c8f rgb(44,28,143)
```
#271695
```
#271695 rgb(39,22,149)
```
#220f9c
```
#220f9c rgb(34,15,156)
```
#1d09a2
```
#1d09a2 rgb(29,9,162)
```
#1802a9
```
#1802a9 rgb(24,2,169)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3c3a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004774 Deuteranopia 1% of men
#2f494e Tritanopia 0.001% of the population

Trichromacy

#153c80 Protanomaly 1% of men, 0.01% of women
#153e77 Deuteranomaly 6% of men, 0.4% of women
#33405e Tritanomaly 0.01% of the population

#3a307b hex color

#3a307b Color Information

#3a307b Color Conversion

Color Schemes with #3a307b

Alternatives to #3a307b

#3a307b Preview

Shades and Tints of #3a307b

Tones of #3a307b

Color Blindness Simulator