#30367c hex color

In a RGB color space, hex #30367c is composed of 18.8% red, 21.2% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 56.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 235.3 degrees, a saturation of 44.2% and a lightness of 33.7%. #30367c color hex could be obtained by blending #606cf8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 21
- B 49
RGB color chart
- C 61
- M 56
- Y 0
- K 51
CMYK color chart

● #30367c color description : Dark moderate blue.

The hexadecimal color #30367c has RGB values of R:48, G:54, B:124 and CMYK values of C:0.61, M:0.56, Y:0, K:0.51. Its decimal value is 3159676.

Hex triplet	30367c	`#30367c`
RGB Decimal	48, 54, 124	`rgb(48,54,124)`
RGB Percent	18.8, 21.2, 48.6	`rgb(18.8%,21.2%,48.6%)`
CMYK	61, 56, 0, 51
HSL	235.3°, 44.2, 33.7	`hsl(235.3,44.2%,33.7%)`
HSV (or HSB)	235.3°, 61.3, 48.6
Web Safe	333366	`#333366`

CIE-LAB	25.927, 20.29, -40.742
XYZ	6.175, 4.722, 19.654
xyY	0.202, 0.155, 4.722
CIE-LCH	25.927, 45.515, 296.474
CIE-LUV	25.927, -5.446, -52.506
Hunter-Lab	21.729, 12.703, -38.416
Binary	00110000, 00110110, 01111100

#30367c
```
#30367c rgb(48,54,124)
```
#7c7630
```
#7c7630 rgb(124,118,48)
```

Complementary Color

#305c7c
```
#305c7c rgb(48,92,124)
```
#30367c
```
#30367c rgb(48,54,124)
```
#50307c
```
#50307c rgb(80,48,124)
```

Analogous Color

#5c7c30
```
#5c7c30 rgb(92,124,48)
```
#30367c
```
#30367c rgb(48,54,124)
```
#7c5030
```
#7c5030 rgb(124,80,48)
```

Split Complementary Color

#367c30
```
#367c30 rgb(54,124,48)
```
#30367c
```
#30367c rgb(48,54,124)
```
#7c3036
```
#7c3036 rgb(124,48,54)
```

Triadic Color

#307c76
```
#307c76 rgb(48,124,118)
```
#30367c
```
#30367c rgb(48,54,124)
```
#7c3036
```
#7c3036 rgb(124,48,54)
```
#7c7630
```
#7c7630 rgb(124,118,48)
```

Tetradic Color

#1b1e45
```
#1b1e45 rgb(27,30,69)
```
#222657
```
#222657 rgb(34,38,87)
```
#292e6a
```
#292e6a rgb(41,46,106)
```
#30367c
```
#30367c rgb(48,54,124)
```
#373e8e
```
#373e8e rgb(55,62,142)
```
#3e46a1
```
#3e46a1 rgb(62,70,161)
```
#454eb3
```
#454eb3 rgb(69,78,179)
```

Monochromatic Color

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

#30497c
```
#30497c rgb(48,73,124)
```
#30437c
```
#30437c rgb(48,67,124)
```
#303c7c
```
#303c7c rgb(48,60,124)
```
#30367c
```
#30367c rgb(48,54,124)
```
#30307c
```
#30307c rgb(48,48,124)
```
#37307c
```
#37307c rgb(55,48,124)
```
#3d307c
```
#3d307c rgb(61,48,124)
```

Similar Colors

Text with hexadecimal color #30367c

This text has a font color of #30367c.

<span style="color:#30367c;">Text here</span>

#30367c background color

This paragraph has a background color of #30367c.

<p style="background-color:#30367c;">Content here</p>

#30367c border color

This element has a border color of #30367c.

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

CSS codes

.text {color:#30367c;}

.background {background-color:#30367c;}

.border {border:1px solid #30367c;}

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, #04050b is the darkest color, while #fcfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#0a0b19
```
#0a0b19 rgb(10,11,25)
```
#0f1127
```
#0f1127 rgb(15,17,39)
```
#151735
```
#151735 rgb(21,23,53)
```
#1a1d43
```
#1a1d43 rgb(26,29,67)
```
#202452
```
#202452 rgb(32,36,82)
```
#252a60
```
#252a60 rgb(37,42,96)
```
#2b306e
```
#2b306e rgb(43,48,110)
```
#30367c
```
#30367c rgb(48,54,124)
```
#353c8a
```
#353c8a rgb(53,60,138)
```
#3b4298
```
#3b4298 rgb(59,66,152)
```
#4048a6
```
#4048a6 rgb(64,72,166)
```
#464fb5
```
#464fb5 rgb(70,79,181)
```

Shade Color Variation

#525abc
```
#525abc rgb(82,90,188)
```
#6068c2
```
#6068c2 rgb(96,104,194)
```
#6e75c7
```
#6e75c7 rgb(110,117,199)
```
#7c83cc
```
#7c83cc rgb(124,131,204)
```
#8b90d2
```
#8b90d2 rgb(139,144,210)
```
#999ed7
```
#999ed7 rgb(153,158,215)
```
#a7abdd
```
#a7abdd rgb(167,171,221)
```
#b5b9e2
```
#b5b9e2 rgb(181,185,226)
```
#c3c6e8
```
#c3c6e8 rgb(195,198,232)
```
#d1d4ed
```
#d1d4ed rgb(209,212,237)
```
#dfe1f3
```
#dfe1f3 rgb(223,225,243)
```
#eeeef8
```
#eeeef8 rgb(238,238,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#51525b
```
#51525b rgb(81,82,91)
```
#4a4c62
```
#4a4c62 rgb(74,76,98)
```
#444768
```
#444768 rgb(68,71,104)
```
#3d416f
```
#3d416f rgb(61,65,111)
```
#373c75
```
#373c75 rgb(55,60,117)
```
#30367c
```
#30367c rgb(48,54,124)
```
#293083
```
#293083 rgb(41,48,131)
```
#232b89
```
#232b89 rgb(35,43,137)
```
#1c2590
```
#1c2590 rgb(28,37,144)
```
#162096
```
#162096 rgb(22,32,150)
```
#0f1a9d
```
#0f1a9d rgb(15,26,157)
```
#0815a4
```
#0815a4 rgb(8,21,164)
```
#020faa
```
#020faa rgb(2,15,170)
```

Tone Color Variation

Below, you can see how #30367c 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
#3a3b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d4587 Protanopia 1% of men
#004878 Deuteranopia 1% of men
#1e4d53 Tritanopia 0.001% of the population

Trichromacy

#193f83 Protanomaly 1% of men, 0.01% of women
#114279 Deuteranomaly 6% of men, 0.4% of women
#244462 Tritanomaly 0.01% of the population

#30367c hex color

#30367c Color Information

#30367c Color Conversion

Color Schemes with #30367c

Alternatives to #30367c

#30367c Preview

Shades and Tints of #30367c

Tones of #30367c

Color Blindness Simulator