colorhexa.com

#30187a hex color

In a RGB color space, hex #30187a is composed of 18.8% red, 9.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 80.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 254.7 degrees, a saturation of 67.1% and a lightness of 28.6%. #30187a color hex could be obtained by blending #6030f4 with #000000. Closest websafe color is: #330066.

- R 19
- G 9
- B 48
RGB color chart
- C 61
- M 80
- Y 0
- K 52
CMYK color chart

● #30187a color description : Dark blue.

The hexadecimal color #30187a has RGB values of R:48, G:24, B:122 and CMYK values of C:0.61, M:0.8, Y:0, K:0.52. Its decimal value is 3151994.

Hex triplet	30187a	`#30187a`
RGB Decimal	48, 24, 122	`rgb(48,24,122)`
RGB Percent	18.8, 9.4, 47.8	`rgb(18.8%,9.4%,47.8%)`
CMYK	61, 80, 0, 52
HSL	254.7°, 67.1, 28.6	`hsl(254.7,67.1%,28.6%)`
HSV (or HSB)	254.7°, 80.3, 47.8
Web Safe	330066	`#330066`

CIE-LAB	18.742, 38.314, -51.197
XYZ	5.058, 2.687, 18.663
xyY	0.192, 0.102, 2.687
CIE-LCH	18.742, 63.946, 306.81
CIE-LUV	18.742, 0.434, -55.98
Hunter-Lab	16.391, 26.396, -56.036
Binary	00110000, 00011000, 01111010

#30187a
```
#30187a rgb(48,24,122)
```
#627a18
```
#627a18 rgb(98,122,24)
```

Complementary Color

#18317a
```
#18317a rgb(24,49,122)
```
#30187a
```
#30187a rgb(48,24,122)
```
#61187a
```
#61187a rgb(97,24,122)
```

Analogous Color

#317a18
```
#317a18 rgb(49,122,24)
```
#30187a
```
#30187a rgb(48,24,122)
```
#7a6118
```
#7a6118 rgb(122,97,24)
```

Split Complementary Color

#187a30
```
#187a30 rgb(24,122,48)
```
#30187a
```
#30187a rgb(48,24,122)
```
#7a3018
```
#7a3018 rgb(122,48,24)
```

Triadic Color

#170b3a
```
#170b3a rgb(23,11,58)
```
#1f104f
```
#1f104f rgb(31,16,79)
```
#281465
```
#281465 rgb(40,20,101)
```
#30187a
```
#30187a rgb(48,24,122)
```
#381c8f
```
#381c8f rgb(56,28,143)
```
#4120a5
```
#4120a5 rgb(65,32,165)
```
#4925ba
```
#4925ba rgb(73,37,186)
```

Monochromatic Color

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

#18197a
```
#18197a rgb(24,25,122)
```
#20187a
```
#20187a rgb(32,24,122)
```
#28187a
```
#28187a rgb(40,24,122)
```
#30187a
```
#30187a rgb(48,24,122)
```
#38187a
```
#38187a rgb(56,24,122)
```
#40187a
```
#40187a rgb(64,24,122)
```
#49187a
```
#49187a rgb(73,24,122)
```

Similar Colors

Text with hexadecimal color #30187a

This text has a font color of #30187a.

<span style="color:#30187a;">Text here</span>

#30187a background color

This paragraph has a background color of #30187a.

<p style="background-color:#30187a;">Content here</p>

#30187a border color

This element has a border color of #30187a.

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

CSS codes

.text {color:#30187a;}

.background {background-color:#30187a;}

.border {border:1px solid #30187a;}

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

#030107
```
#030107 rgb(3,1,7)
```
#090518
```
#090518 rgb(9,5,24)
```
#100828
```
#100828 rgb(16,8,40)
```
#160b38
```
#160b38 rgb(22,11,56)
```
#1d0e49
```
#1d0e49 rgb(29,14,73)
```
#231259
```
#231259 rgb(35,18,89)
```
#2a156a
```
#2a156a rgb(42,21,106)
```
#30187a
```
#30187a rgb(48,24,122)
```
#361b8a
```
#361b8a rgb(54,27,138)
```
#3d1e9b
```
#3d1e9b rgb(61,30,155)
```
#4322ab
```
#4322ab rgb(67,34,171)
```
#4a25bc
```
#4a25bc rgb(74,37,188)
```
#5028cc
```
#5028cc rgb(80,40,204)
```

Shade Color Variation

#5a31d7
```
#5a31d7 rgb(90,49,215)
```
#6742da
```
#6742da rgb(103,66,218)
```
#7452dd
```
#7452dd rgb(116,82,221)
```
#8162e0
```
#8162e0 rgb(129,98,224)
```
#8e73e3
```
#8e73e3 rgb(142,115,227)
```
#9c83e7
```
#9c83e7 rgb(156,131,231)
```
#a994ea
```
#a994ea rgb(169,148,234)
```
#b6a4ed
```
#b6a4ed rgb(182,164,237)
```
#c3b4f0
```
#c3b4f0 rgb(195,180,240)
```
#d0c5f4
```
#d0c5f4 rgb(208,197,244)
```
#ddd5f7
```
#ddd5f7 rgb(221,213,247)
```
#ebe5fa
```
#ebe5fa rgb(235,229,250)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#47454d
```
#47454d rgb(71,69,77)
```
#443f53
```
#443f53 rgb(68,63,83)
```
#413a58
```
#413a58 rgb(65,58,88)
```
#3e345e
```
#3e345e rgb(62,52,94)
```
#3b2e64
```
#3b2e64 rgb(59,46,100)
```
#392969
```
#392969 rgb(57,41,105)
```
#36236f
```
#36236f rgb(54,35,111)
```
#331e74
```
#331e74 rgb(51,30,116)
```
#30187a
```
#30187a rgb(48,24,122)
```
#2d1280
```
#2d1280 rgb(45,18,128)
```
#2a0d85
```
#2a0d85 rgb(42,13,133)
```
#27078b
```
#27078b rgb(39,7,139)
```
#250290
```
#250290 rgb(37,2,144)
```

Tone Color Variation

Below, you can see how #30187a 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

#2a2a2a Achromatopsia 0.005% of the population
#2b263a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#133d42 Tritanopia 0.001% of the population

Trichromacy

#112b70 Protanomaly 1% of men, 0.01% of women
#112d67 Deuteranomaly 6% of men, 0.4% of women
#1e2f56 Tritanomaly 0.01% of the population