#304b5a hex color

In a RGB color space, hex #304b5a is composed of 18.8% red, 29.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 16.7% magenta, 0% yellow and 64.7% black. It has a hue angle of 201.4 degrees, a saturation of 30.4% and a lightness of 27.1%. #304b5a color hex could be obtained by blending #6096b4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 29
- B 35
RGB color chart
- C 47
- M 17
- Y 0
- K 65
CMYK color chart

● #304b5a color description : Very dark desaturated blue.

The hexadecimal color #304b5a has RGB values of R:48, G:75, B:90 and CMYK values of C:0.47, M:0.17, Y:0, K:0.65. Its decimal value is 3165018.

Hex triplet	304b5a	`#304b5a`
RGB Decimal	48, 75, 90	`rgb(48,75,90)`
RGB Percent	18.8, 29.4, 35.3	`rgb(18.8%,29.4%,35.3%)`
CMYK	47, 17, 0, 65
HSL	201.4°, 30.4, 27.1	`hsl(201.4,30.4%,27.1%)`
HSV (or HSB)	201.4°, 46.7, 35.3
Web Safe	333366	`#333366`

CIE-LAB	30.396, -5.656, -12.05
XYZ	5.58, 6.398, 10.613
xyY	0.247, 0.283, 6.398
CIE-LCH	30.396, 13.311, 244.857
CIE-LUV	30.396, -12.059, -14.481
Hunter-Lab	25.295, -4.89, -7.17
Binary	00110000, 01001011, 01011010

#304b5a
```
#304b5a rgb(48,75,90)
```
#5a3f30
```
#5a3f30 rgb(90,63,48)
```

Complementary Color

#305a54
```
#305a54 rgb(48,90,84)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#30365a
```
#30365a rgb(48,54,90)
```

Analogous Color

#5a5430
```
#5a5430 rgb(90,84,48)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#5a3036
```
#5a3036 rgb(90,48,54)
```

Split Complementary Color

#4b5a30
```
#4b5a30 rgb(75,90,48)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#5a304b
```
#5a304b rgb(90,48,75)
```

Triadic Color

#305a3f
```
#305a3f rgb(48,90,63)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#5a304b
```
#5a304b rgb(90,48,75)
```
#5a3f30
```
#5a3f30 rgb(90,63,48)
```

Tetradic Color

#152128
```
#152128 rgb(21,33,40)
```
#1e2f39
```
#1e2f39 rgb(30,47,57)
```
#273d49
```
#273d49 rgb(39,61,73)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#39596b
```
#39596b rgb(57,89,107)
```
#42677b
```
#42677b rgb(66,103,123)
```
#4b758c
```
#4b758c rgb(75,117,140)
```

Monochromatic Color

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

#30565a
```
#30565a rgb(48,86,90)
```
#30525a
```
#30525a rgb(48,82,90)
```
#304f5a
```
#304f5a rgb(48,79,90)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#30485a
```
#30485a rgb(48,72,90)
```
#30445a
```
#30445a rgb(48,68,90)
```
#30415a
```
#30415a rgb(48,65,90)
```

Similar Colors

Text with hexadecimal color #304b5a

This text has a font color of #304b5a.

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

#304b5a background color

This paragraph has a background color of #304b5a.

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

#304b5a border color

This element has a border color of #304b5a.

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

CSS codes

.text {color:#304b5a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0e161a
```
#0e161a rgb(14,22,26)
```
#152027
```
#152027 rgb(21,32,39)
```
#1c2b34
```
#1c2b34 rgb(28,43,52)
```
#223640
```
#223640 rgb(34,54,64)
```
#29404d
```
#29404d rgb(41,64,77)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#375667
```
#375667 rgb(55,86,103)
```
#3e6074
```
#3e6074 rgb(62,96,116)
```
#446b80
```
#446b80 rgb(68,107,128)
```
#4b768d
```
#4b768d rgb(75,118,141)
```
#52809a
```
#52809a rgb(82,128,154)
```

Shade Color Variation

#598ba7
```
#598ba7 rgb(89,139,167)
```
#6694ad
```
#6694ad rgb(102,148,173)
```
#739db4
```
#739db4 rgb(115,157,180)
```
#80a6bb
```
#80a6bb rgb(128,166,187)
```
#8cafc2
```
#8cafc2 rgb(140,175,194)
```
#99b8c9
```
#99b8c9 rgb(153,184,201)
```
#a6c1cf
```
#a6c1cf rgb(166,193,207)
```
#b3cad6
```
#b3cad6 rgb(179,202,214)
```
#bfd3dd
```
#bfd3dd rgb(191,211,221)
```
#ccdbe4
```
#ccdbe4 rgb(204,219,228)
```
#d9e4eb
```
#d9e4eb rgb(217,228,235)
```
#e6edf2
```
#e6edf2 rgb(230,237,242)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

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

#40464a
```
#40464a rgb(64,70,74)
```
#3b484f
```
#3b484f rgb(59,72,79)
```
#354955
```
#354955 rgb(53,73,85)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#2b4d5f
```
#2b4d5f rgb(43,77,95)
```
#254e65
```
#254e65 rgb(37,78,101)
```
#20506a
```
#20506a rgb(32,80,106)
```
#1b516f
```
#1b516f rgb(27,81,111)
```
#155375
```
#155375 rgb(21,83,117)
```
#10547a
```
#10547a rgb(16,84,122)
```
#0b567f
```
#0b567f rgb(11,86,127)
```
#065784
```
#065784 rgb(6,87,132)
```
#00598a
```
#00598a rgb(0,89,138)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5060 Protanopia 1% of men
#4e4f64 Deuteranopia 1% of men
#38555b Tritanopia 0.001% of the population

Trichromacy

#424e5d Protanomaly 1% of men, 0.01% of women
#434d60 Deuteranomaly 6% of men, 0.4% of women
#35515b Tritanomaly 0.01% of the population

#304b5a hex color

#304b5a Color Information

#304b5a Color Conversion

Color Schemes with #304b5a

Alternatives to #304b5a

#304b5a Preview

Shades and Tints of #304b5a

Tones of #304b5a

Color Blindness Simulator