#30384e hex color

In a RGB color space, hex #30384e is composed of 18.8% red, 22% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 28.2% magenta, 0% yellow and 69.4% black. It has a hue angle of 224 degrees, a saturation of 23.8% and a lightness of 24.7%. #30384e color hex could be obtained by blending #60709c with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 22
- B 31
RGB color chart
- C 38
- M 28
- Y 0
- K 69
CMYK color chart

● #30384e color description : Very dark desaturated blue.

The hexadecimal color #30384e has RGB values of R:48, G:56, B:78 and CMYK values of C:0.38, M:0.28, Y:0, K:0.69. Its decimal value is 3160142.

Hex triplet	30384e	`#30384e`
RGB Decimal	48, 56, 78	`rgb(48,56,78)`
RGB Percent	18.8, 22, 30.6	`rgb(18.8%,22%,30.6%)`
CMYK	38, 28, 0, 69
HSL	224°, 23.8, 24.7	`hsl(224,23.8%,24.7%)`
HSV (or HSB)	224°, 38.5, 30.6
Web Safe	333366	`#333366`

CIE-LAB	23.693, 2.94, -14.518
XYZ	4.008, 4.007, 7.769
xyY	0.254, 0.254, 4.007
CIE-LCH	23.693, 14.812, 281.45
CIE-LUV	23.693, -4.449, -17.196
Hunter-Lab	20.017, 0.712, -9.002
Binary	00110000, 00111000, 01001110

#30384e
```
#30384e rgb(48,56,78)
```
#4e4630
```
#4e4630 rgb(78,70,48)
```

Complementary Color

#30474e
```
#30474e rgb(48,71,78)
```
#30384e
```
#30384e rgb(48,56,78)
```
#37304e
```
#37304e rgb(55,48,78)
```

Analogous Color

#474e30
```
#474e30 rgb(71,78,48)
```
#30384e
```
#30384e rgb(48,56,78)
```
#4e3730
```
#4e3730 rgb(78,55,48)
```

Split Complementary Color

#384e30
```
#384e30 rgb(56,78,48)
```
#30384e
```
#30384e rgb(48,56,78)
```
#4e3038
```
#4e3038 rgb(78,48,56)
```

Triadic Color

#304e46
```
#304e46 rgb(48,78,70)
```
#30384e
```
#30384e rgb(48,56,78)
```
#4e3038
```
#4e3038 rgb(78,48,56)
```
#4e4630
```
#4e4630 rgb(78,70,48)
```

Tetradic Color

#13161f
```
#13161f rgb(19,22,31)
```
#1d212e
```
#1d212e rgb(29,33,46)
```
#262d3e
```
#262d3e rgb(38,45,62)
```
#30384e
```
#30384e rgb(48,56,78)
```
#3a435e
```
#3a435e rgb(58,67,94)
```
#434f6e
```
#434f6e rgb(67,79,110)
```
#4d5a7d
```
#4d5a7d rgb(77,90,125)
```

Monochromatic Color

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

#30404e
```
#30404e rgb(48,64,78)
```
#303d4e
```
#303d4e rgb(48,61,78)
```
#303b4e
```
#303b4e rgb(48,59,78)
```
#30384e
```
#30384e rgb(48,56,78)
```
#30364e
```
#30364e rgb(48,54,78)
```
#30334e
```
#30334e rgb(48,51,78)
```
#30314e
```
#30314e rgb(48,49,78)
```

Similar Colors

Text with hexadecimal color #30384e

This text has a font color of #30384e.

<span style="color:#30384e;">Text here</span>

#30384e background color

This paragraph has a background color of #30384e.

<p style="background-color:#30384e;">Content here</p>

#30384e border color

This element has a border color of #30384e.

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

CSS codes

.text {color:#30384e;}

.background {background-color:#30384e;}

.border {border:1px solid #30384e;}

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0c11
```
#0b0c11 rgb(11,12,17)
```
#12151d
```
#12151d rgb(18,21,29)
```
#1a1e2a
```
#1a1e2a rgb(26,30,42)
```
#212736
```
#212736 rgb(33,39,54)
```
#292f42
```
#292f42 rgb(41,47,66)
```
#30384e
```
#30384e rgb(48,56,78)
```
#37415a
```
#37415a rgb(55,65,90)
```
#3f4966
```
#3f4966 rgb(63,73,102)
```
#465272
```
#465272 rgb(70,82,114)
```
#4e5b7f
```
#4e5b7f rgb(78,91,127)
```
#55648b
```
#55648b rgb(85,100,139)
```
#5d6c97
```
#5d6c97 rgb(93,108,151)
```

Shade Color Variation

#6676a1
```
#6676a1 rgb(102,118,161)
```
#7281a8
```
#7281a8 rgb(114,129,168)
```
#7f8cb0
```
#7f8cb0 rgb(127,140,176)
```
#8b97b7
```
#8b97b7 rgb(139,151,183)
```
#97a2bf
```
#97a2bf rgb(151,162,191)
```
#a3acc6
```
#a3acc6 rgb(163,172,198)
```
#afb7ce
```
#afb7ce rgb(175,183,206)
```
#bbc2d5
```
#bbc2d5 rgb(187,194,213)
```
#c7cddd
```
#c7cddd rgb(199,205,221)
```
#d4d8e4
```
#d4d8e4 rgb(212,216,228)
```
#e0e3ec
```
#e0e3ec rgb(224,227,236)
```
#eceef3
```
#eceef3 rgb(236,238,243)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#3f3f3f
```
#3f3f3f rgb(63,63,63)
```
#3a3d44
```
#3a3d44 rgb(58,61,68)
```
#353a49
```
#353a49 rgb(53,58,73)
```
#30384e
```
#30384e rgb(48,56,78)
```
#2b3653
```
#2b3653 rgb(43,54,83)
```
#263358
```
#263358 rgb(38,51,88)
```
#21315d
```
#21315d rgb(33,49,93)
```
#1d2f61
```
#1d2f61 rgb(29,47,97)
```
#182d66
```
#182d66 rgb(24,45,102)
```
#132a6b
```
#132a6b rgb(19,42,107)
```
#0e2870
```
#0e2870 rgb(14,40,112)
```
#092675
```
#092675 rgb(9,38,117)
```
#04247a
```
#04247a rgb(4,36,122)
```

Tone Color Variation

Below, you can see how #30384e 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

#383838 Achromatopsia 0.005% of the population
#36383c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4156 Protanopia 1% of men
#3c4157 Deuteranopia 1% of men
#364449 Tritanopia 0.001% of the population

Trichromacy

#373e53 Protanomaly 1% of men, 0.01% of women
#383e53 Deuteranomaly 6% of men, 0.4% of women
#34404b Tritanomaly 0.01% of the population

#30384e hex color

#30384e Color Information

#30384e Color Conversion

Color Schemes with #30384e

Alternatives to #30384e

#30384e Preview

Shades and Tints of #30384e

Tones of #30384e

Color Blindness Simulator