#30454f hex color

In a RGB color space, hex #30454f is composed of 18.8% red, 27.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 12.7% magenta, 0% yellow and 69% black. It has a hue angle of 199.4 degrees, a saturation of 24.4% and a lightness of 24.9%. #30454f color hex could be obtained by blending #608a9e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 27
- B 31
RGB color chart
- C 39
- M 13
- Y 0
- K 69
CMYK color chart

● #30454f color description : Very dark desaturated blue.

The hexadecimal color #30454f has RGB values of R:48, G:69, B:79 and CMYK values of C:0.39, M:0.13, Y:0, K:0.69. Its decimal value is 3163471.

Hex triplet	30454f	`#30454f`
RGB Decimal	48, 69, 79	`rgb(48,69,79)`
RGB Percent	18.8, 27.1, 31	`rgb(18.8%,27.1%,31%)`
CMYK	39, 13, 0, 69
HSL	199.4°, 24.4, 24.9	`hsl(199.4,24.4%,24.9%)`
HSV (or HSB)	199.4°, 39.2, 31
Web Safe	333366	`#333366`

CIE-LAB	27.977, -5.283, -8.629
XYZ	4.758, 5.449, 8.198
xyY	0.259, 0.296, 5.449
CIE-LCH	27.977, 10.117, 238.523
CIE-LUV	27.977, -9.643, -9.773
Hunter-Lab	23.343, -4.467, -4.482
Binary	00110000, 01000101, 01001111

#30454f
```
#30454f rgb(48,69,79)
```
#4f3a30
```
#4f3a30 rgb(79,58,48)
```

Complementary Color

#304f4a
```
#304f4a rgb(48,79,74)
```
#30454f
```
#30454f rgb(48,69,79)
```
#30364f
```
#30364f rgb(48,54,79)
```

Analogous Color

#4f4a30
```
#4f4a30 rgb(79,74,48)
```
#30454f
```
#30454f rgb(48,69,79)
```
#4f3036
```
#4f3036 rgb(79,48,54)
```

Split Complementary Color

#454f30
```
#454f30 rgb(69,79,48)
```
#30454f
```
#30454f rgb(48,69,79)
```
#4f3045
```
#4f3045 rgb(79,48,69)
```

Triadic Color

#304f3a
```
#304f3a rgb(48,79,58)
```
#30454f
```
#30454f rgb(48,69,79)
```
#4f3045
```
#4f3045 rgb(79,48,69)
```
#4f3a30
```
#4f3a30 rgb(79,58,48)
```

Tetradic Color

#131b1f
```
#131b1f rgb(19,27,31)
```
#1d292f
```
#1d292f rgb(29,41,47)
```
#26373f
```
#26373f rgb(38,55,63)
```
#30454f
```
#30454f rgb(48,69,79)
```
#3a535f
```
#3a535f rgb(58,83,95)
```
#43616f
```
#43616f rgb(67,97,111)
```
#4d6f7f
```
#4d6f7f rgb(77,111,127)
```

Monochromatic Color

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

#304d4f
```
#304d4f rgb(48,77,79)
```
#304a4f
```
#304a4f rgb(48,74,79)
```
#30484f
```
#30484f rgb(48,72,79)
```
#30454f
```
#30454f rgb(48,69,79)
```
#30424f
```
#30424f rgb(48,66,79)
```
#30404f
```
#30404f rgb(48,64,79)
```
#303d4f
```
#303d4f rgb(48,61,79)
```

Similar Colors

Text with hexadecimal color #30454f

This text has a font color of #30454f.

<span style="color:#30454f;">Text here</span>

#30454f background color

This paragraph has a background color of #30454f.

<p style="background-color:#30454f;">Content here</p>

#30454f border color

This element has a border color of #30454f.

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

CSS codes

.text {color:#30454f;}

.background {background-color:#30454f;}

.border {border:1px solid #30454f;}

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#121a1e
```
#121a1e rgb(18,26,30)
```
#1a252a
```
#1a252a rgb(26,37,42)
```
#213037
```
#213037 rgb(33,48,55)
```
#293a43
```
#293a43 rgb(41,58,67)
```
#30454f
```
#30454f rgb(48,69,79)
```
#37505b
```
#37505b rgb(55,80,91)
```
#3f5a67
```
#3f5a67 rgb(63,90,103)
```
#466574
```
#466574 rgb(70,101,116)
```
#4e7080
```
#4e7080 rgb(78,112,128)
```
#557a8c
```
#557a8c rgb(85,122,140)
```
#5c8598
```
#5c8598 rgb(92,133,152)
```

Shade Color Variation

#668fa2
```
#668fa2 rgb(102,143,162)
```
#7298aa
```
#7298aa rgb(114,152,170)
```
#7fa1b1
```
#7fa1b1 rgb(127,161,177)
```
#8baab8
```
#8baab8 rgb(139,170,184)
```
#97b3c0
```
#97b3c0 rgb(151,179,192)
```
#a3bcc7
```
#a3bcc7 rgb(163,188,199)
```
#afc5cf
```
#afc5cf rgb(175,197,207)
```
#bcced6
```
#bcced6 rgb(188,206,214)
```
#c8d6dd
```
#c8d6dd rgb(200,214,221)
```
#d4dfe5
```
#d4dfe5 rgb(212,223,229)
```
#e0e8ec
```
#e0e8ec rgb(224,232,236)
```
#ecf1f4
```
#ecf1f4 rgb(236,241,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#3f4040
```
#3f4040 rgb(63,64,64)
```
#3a4245
```
#3a4245 rgb(58,66,69)
```
#35434a
```
#35434a rgb(53,67,74)
```
#30454f
```
#30454f rgb(48,69,79)
```
#2b4754
```
#2b4754 rgb(43,71,84)
```
#264859
```
#264859 rgb(38,72,89)
```
#214a5e
```
#214a5e rgb(33,74,94)
```
#1c4c63
```
#1c4c63 rgb(28,76,99)
```
#184e67
```
#184e67 rgb(24,78,103)
```
#134f6c
```
#134f6c rgb(19,79,108)
```
#0e5171
```
#0e5171 rgb(14,81,113)
```
#095376
```
#095376 rgb(9,83,118)
```
#04557b
```
#04557b rgb(4,85,123)
```

Tone Color Variation

Below, you can see how #30454f 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

#404040 Achromatopsia 0.005% of the population
#3d4143 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494b56 Protanopia 1% of men
#4b4a59 Deuteranopia 1% of men
#394f54 Tritanopia 0.001% of the population

Trichromacy

#404953 Protanomaly 1% of men, 0.01% of women
#414855 Deuteranomaly 6% of men, 0.4% of women
#364b52 Tritanomaly 0.01% of the population

#30454f hex color

#30454f Color Information

#30454f Color Conversion

Color Schemes with #30454f

Alternatives to #30454f

#30454f Preview

Shades and Tints of #30454f

Tones of #30454f

Color Blindness Simulator