#304b4e hex color

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

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

● #304b4e color description : Very dark desaturated cyan.

The hexadecimal color #304b4e has RGB values of R:48, G:75, B:78 and CMYK values of C:0.38, M:0.04, Y:0, K:0.69. Its decimal value is 3165006.

Hex triplet	304b4e	`#304b4e`
RGB Decimal	48, 75, 78	`rgb(48,75,78)`
RGB Percent	18.8, 29.4, 30.6	`rgb(18.8%,29.4%,30.6%)`
CMYK	38, 4, 0, 69
HSL	186°, 23.8, 24.7	`hsl(186,23.8%,24.7%)`
HSV (or HSB)	186°, 38.5, 30.6
Web Safe	333366	`#333366`

CIE-LAB	29.937, -9.296, -5.04
XYZ	5.11, 6.21, 8.137
xyY	0.263, 0.319, 6.21
CIE-LCH	29.937, 10.574, 208.465
CIE-LUV	29.937, -12.153, -4.95
Hunter-Lab	24.921, -7.011, -1.914
Binary	00110000, 01001011, 01001110

#304b4e
```
#304b4e rgb(48,75,78)
```
#4e3330
```
#4e3330 rgb(78,51,48)
```

Complementary Color

#304e42
```
#304e42 rgb(48,78,66)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#303c4e
```
#303c4e rgb(48,60,78)
```

Analogous Color

#4e4230
```
#4e4230 rgb(78,66,48)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#4e303c
```
#4e303c rgb(78,48,60)
```

Split Complementary Color

#4b4e30
```
#4b4e30 rgb(75,78,48)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#4e304b
```
#4e304b rgb(78,48,75)
```

Triadic Color

#304e33
```
#304e33 rgb(48,78,51)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#4e304b
```
#4e304b rgb(78,48,75)
```
#4e3330
```
#4e3330 rgb(78,51,48)
```

Tetradic Color

#131d1f
```
#131d1f rgb(19,29,31)
```
#1d2d2e
```
#1d2d2e rgb(29,45,46)
```
#263c3e
```
#263c3e rgb(38,60,62)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#3a5a5e
```
#3a5a5e rgb(58,90,94)
```
#43696e
```
#43696e rgb(67,105,110)
```
#4d797d
```
#4d797d rgb(77,121,125)
```

Monochromatic Color

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

#304e4a
```
#304e4a rgb(48,78,74)
```
#304e4c
```
#304e4c rgb(48,78,76)
```
#304e4e
```
#304e4e rgb(48,78,78)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#30494e
```
#30494e rgb(48,73,78)
```
#30464e
```
#30464e rgb(48,70,78)
```
#30444e
```
#30444e rgb(48,68,78)
```

Similar Colors

Text with hexadecimal color #304b4e

This text has a font color of #304b4e.

<span style="color:#304b4e;">Text here</span>

#304b4e background color

This paragraph has a background color of #304b4e.

<p style="background-color:#304b4e;">Content here</p>

#304b4e border color

This element has a border color of #304b4e.

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

CSS codes

.text {color:#304b4e;}

.background {background-color:#304b4e;}

.border {border:1px solid #304b4e;}

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1111
```
#0b1111 rgb(11,17,17)
```
#121c1d
```
#121c1d rgb(18,28,29)
```
#1a282a
```
#1a282a rgb(26,40,42)
```
#213436
```
#213436 rgb(33,52,54)
```
#293f42
```
#293f42 rgb(41,63,66)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#37575a
```
#37575a rgb(55,87,90)
```
#3f6266
```
#3f6266 rgb(63,98,102)
```
#466e72
```
#466e72 rgb(70,110,114)
```
#4e7a7f
```
#4e7a7f rgb(78,122,127)
```
#55858b
```
#55858b rgb(85,133,139)
```
#5d9197
```
#5d9197 rgb(93,145,151)
```

Shade Color Variation

#669ba1
```
#669ba1 rgb(102,155,161)
```
#72a3a8
```
#72a3a8 rgb(114,163,168)
```
#7fabb0
```
#7fabb0 rgb(127,171,176)
```
#8bb3b7
```
#8bb3b7 rgb(139,179,183)
```
#97bbbf
```
#97bbbf rgb(151,187,191)
```
#a3c3c6
```
#a3c3c6 rgb(163,195,198)
```
#afcbce
```
#afcbce rgb(175,203,206)
```
#bbd3d5
```
#bbd3d5 rgb(187,211,213)
```
#c7dbdd
```
#c7dbdd rgb(199,219,221)
```
#d4e3e4
```
#d4e3e4 rgb(212,227,228)
```
#e0ebec
```
#e0ebec rgb(224,235,236)
```
#ecf2f3
```
#ecf2f3 rgb(236,242,243)
```
#f8fafb
```
#f8fafb rgb(248,250,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 #046e7a is the most saturated one.

#3f3f3f
```
#3f3f3f rgb(63,63,63)
```
#3a4344
```
#3a4344 rgb(58,67,68)
```
#354749
```
#354749 rgb(53,71,73)
```
#304b4e
```
#304b4e rgb(48,75,78)
```
#2b4f53
```
#2b4f53 rgb(43,79,83)
```
#265358
```
#265358 rgb(38,83,88)
```
#21575d
```
#21575d rgb(33,87,93)
```
#1d5b61
```
#1d5b61 rgb(29,91,97)
```
#185e66
```
#185e66 rgb(24,94,102)
```
#13626b
```
#13626b rgb(19,98,107)
```
#0e6670
```
#0e6670 rgb(14,102,112)
```
#096a75
```
#096a75 rgb(9,106,117)
```
#046e7a
```
#046e7a rgb(4,110,122)
```

Tone Color Variation

Below, you can see how #304b4e 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

#434343 Achromatopsia 0.005% of the population
#3f4545 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504f54 Protanopia 1% of men
#524e59 Deuteranopia 1% of men
#3b535a Tritanopia 0.001% of the population

Trichromacy

#444d52 Protanomaly 1% of men, 0.01% of women
#464d55 Deuteranomaly 6% of men, 0.4% of women
#375055 Tritanomaly 0.01% of the population

#304b4e hex color

#304b4e Color Information

#304b4e Color Conversion

Color Schemes with #304b4e

Alternatives to #304b4e

#304b4e Preview

Shades and Tints of #304b4e

Tones of #304b4e

Color Blindness Simulator