#304e53 hex color

In a RGB color space, hex #304e53 is composed of 18.8% red, 30.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 6% magenta, 0% yellow and 67.5% black. It has a hue angle of 188.6 degrees, a saturation of 26.7% and a lightness of 25.7%. #304e53 color hex could be obtained by blending #609ca6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 33
RGB color chart
- C 42
- M 6
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #304e53 has RGB values of R:48, G:78, B:83 and CMYK values of C:0.42, M:0.06, Y:0, K:0.67. Its decimal value is 3165779.

Hex triplet	304e53	`#304e53`
RGB Decimal	48, 78, 83	`rgb(48,78,83)`
RGB Percent	18.8, 30.6, 32.5	`rgb(18.8%,30.6%,32.5%)`
CMYK	42, 6, 0, 67
HSL	188.6°, 26.7, 25.7	`hsl(188.6,26.7%,25.7%)`
HSV (or HSB)	188.6°, 42.2, 32.5
Web Safe	336666	`#336666`

CIE-LAB	31.117, -9.647, -6.483
XYZ	5.504, 6.701, 9.187
xyY	0.257, 0.313, 6.701
CIE-LCH	31.117, 11.623, 213.9
CIE-LUV	31.117, -13.359, -6.814
Hunter-Lab	25.887, -7.349, -2.919
Binary	00110000, 01001110, 01010011

#304e53
```
#304e53 rgb(48,78,83)
```
#533530
```
#533530 rgb(83,53,48)
```

Complementary Color

#305347
```
#305347 rgb(48,83,71)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#303d53
```
#303d53 rgb(48,61,83)
```

Analogous Color

#534730
```
#534730 rgb(83,71,48)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#53303d
```
#53303d rgb(83,48,61)
```

Split Complementary Color

#4e5330
```
#4e5330 rgb(78,83,48)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#53304e
```
#53304e rgb(83,48,78)
```

Triadic Color

#305335
```
#305335 rgb(48,83,53)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#53304e
```
#53304e rgb(83,48,78)
```
#533530
```
#533530 rgb(83,53,48)
```

Tetradic Color

#142023
```
#142023 rgb(20,32,35)
```
#1d3033
```
#1d3033 rgb(29,48,51)
```
#273f43
```
#273f43 rgb(39,63,67)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#395d63
```
#395d63 rgb(57,93,99)
```
#436c73
```
#436c73 rgb(67,108,115)
```
#4c7c83
```
#4c7c83 rgb(76,124,131)
```

Monochromatic Color

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

#30534f
```
#30534f rgb(48,83,79)
```
#305352
```
#305352 rgb(48,83,82)
```
#305153
```
#305153 rgb(48,81,83)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#304b53
```
#304b53 rgb(48,75,83)
```
#304853
```
#304853 rgb(48,72,83)
```
#304553
```
#304553 rgb(48,69,83)
```

Similar Colors

Text with hexadecimal color #304e53

This text has a font color of #304e53.

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

#304e53 background color

This paragraph has a background color of #304e53.

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

#304e53 border color

This element has a border color of #304e53.

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

CSS codes

.text {color:#304e53;}

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

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

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

#050808
```
#050808 rgb(5,8,8)
```
#0c1415
```
#0c1415 rgb(12,20,21)
```
#131f21
```
#131f21 rgb(19,31,33)
```
#1a2b2e
```
#1a2b2e rgb(26,43,46)
```
#22373a
```
#22373a rgb(34,55,58)
```
#294247
```
#294247 rgb(41,66,71)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#375a5f
```
#375a5f rgb(55,90,95)
```
#3e656c
```
#3e656c rgb(62,101,108)
```
#467178
```
#467178 rgb(70,113,120)
```
#4d7d85
```
#4d7d85 rgb(77,125,133)
```
#548891
```
#548891 rgb(84,136,145)
```
#5b949e
```
#5b949e rgb(91,148,158)
```

Shade Color Variation

#669da6
```
#669da6 rgb(102,157,166)
```
#72a5ae
```
#72a5ae rgb(114,165,174)
```
#7fadb5
```
#7fadb5 rgb(127,173,181)
```
#8bb5bc
```
#8bb5bc rgb(139,181,188)
```
#98bdc3
```
#98bdc3 rgb(152,189,195)
```
#a4c5ca
```
#a4c5ca rgb(164,197,202)
```
#b0cdd2
```
#b0cdd2 rgb(176,205,210)
```
#bdd5d9
```
#bdd5d9 rgb(189,213,217)
```
#c9dde0
```
#c9dde0 rgb(201,221,224)
```
#d6e5e7
```
#d6e5e7 rgb(214,229,231)
```
#e2edee
```
#e2edee rgb(226,237,238)
```
#eff5f6
```
#eff5f6 rgb(239,245,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#3f4344
```
#3f4344 rgb(63,67,68)
```
#3a4749
```
#3a4749 rgb(58,71,73)
```
#354a4e
```
#354a4e rgb(53,74,78)
```
#304e53
```
#304e53 rgb(48,78,83)
```
#2b5258
```
#2b5258 rgb(43,82,88)
```
#26555d
```
#26555d rgb(38,85,93)
```
#215962
```
#215962 rgb(33,89,98)
```
#1c5c67
```
#1c5c67 rgb(28,92,103)
```
#17606c
```
#17606c rgb(23,96,108)
```
#126471
```
#126471 rgb(18,100,113)
```
#0d6776
```
#0d6776 rgb(13,103,118)
```
#086b7b
```
#086b7b rgb(8,107,123)
```
#036e80
```
#036e80 rgb(3,110,128)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525259 Protanopia 1% of men
#54505e Deuteranopia 1% of men
#3b575d Tritanopia 0.001% of the population

Trichromacy

#455056 Protanomaly 1% of men, 0.01% of women
#474f5a Deuteranomaly 6% of men, 0.4% of women
#375359 Tritanomaly 0.01% of the population

#304e53 hex color

#304e53 Color Information

#304e53 Color Conversion

Color Schemes with #304e53

Alternatives to #304e53

#304e53 Preview

Shades and Tints of #304e53

Tones of #304e53

Color Blindness Simulator