#305e53 hex color

In a RGB color space, hex #305e53 is composed of 18.8% red, 36.9% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 0% magenta, 11.7% yellow and 63.1% black. It has a hue angle of 165.7 degrees, a saturation of 32.4% and a lightness of 27.8%. #305e53 color hex could be obtained by blending #60bca6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 33
RGB color chart
- C 49
- M 0
- Y 12
- K 63
CMYK color chart

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

The hexadecimal color #305e53 has RGB values of R:48, G:94, B:83 and CMYK values of C:0.49, M:0, Y:0.12, K:0.63. Its decimal value is 3169875.

Hex triplet	305e53	`#305e53`
RGB Decimal	48, 94, 83	`rgb(48,94,83)`
RGB Percent	18.8, 36.9, 32.5	`rgb(18.8%,36.9%,32.5%)`
CMYK	49, 0, 12, 63
HSL	165.7°, 32.4, 27.8	`hsl(165.7,32.4%,27.8%)`
HSV (or HSB)	165.7°, 48.9, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.476, -18.801, 1.421
XYZ	6.782, 9.258, 9.613
xyY	0.264, 0.361, 9.258
CIE-LCH	36.476, 18.854, 175.677
CIE-LUV	36.476, -20.085, 4.352
Hunter-Lab	30.427, -13.457, 2.567
Binary	00110000, 01011110, 01010011

#305e53
```
#305e53 rgb(48,94,83)
```
#5e303b
```
#5e303b rgb(94,48,59)
```

Complementary Color

#305e3c
```
#305e3c rgb(48,94,60)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#30525e
```
#30525e rgb(48,82,94)
```

Analogous Color

#5e3c30
```
#5e3c30 rgb(94,60,48)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#5e3052
```
#5e3052 rgb(94,48,82)
```

Split Complementary Color

#5e5330
```
#5e5330 rgb(94,83,48)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#53305e
```
#53305e rgb(83,48,94)
```

Triadic Color

#3b5e30
```
#3b5e30 rgb(59,94,48)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#53305e
```
#53305e rgb(83,48,94)
```
#5e303b
```
#5e303b rgb(94,48,59)
```

Tetradic Color

#162b26
```
#162b26 rgb(22,43,38)
```
#1f3c35
```
#1f3c35 rgb(31,60,53)
```
#274d44
```
#274d44 rgb(39,77,68)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#396f62
```
#396f62 rgb(57,111,98)
```
#418071
```
#418071 rgb(65,128,113)
```
#4a9180
```
#4a9180 rgb(74,145,128)
```

Monochromatic Color

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

#305e48
```
#305e48 rgb(48,94,72)
```
#305e4b
```
#305e4b rgb(48,94,75)
```
#305e4f
```
#305e4f rgb(48,94,79)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#305e57
```
#305e57 rgb(48,94,87)
```
#305e5b
```
#305e5b rgb(48,94,91)
```
#305e5e
```
#305e5e rgb(48,94,94)
```

Similar Colors

Text with hexadecimal color #305e53

This text has a font color of #305e53.

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

#305e53 background color

This paragraph has a background color of #305e53.

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

#305e53 border color

This element has a border color of #305e53.

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

CSS codes

.text {color:#305e53;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0f1d1a
```
#0f1d1a rgb(15,29,26)
```
#152a25
```
#152a25 rgb(21,42,37)
```
#1c3731
```
#1c3731 rgb(28,55,49)
```
#23443c
```
#23443c rgb(35,68,60)
```
#295148
```
#295148 rgb(41,81,72)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#3d786a
```
#3d786a rgb(61,120,106)
```
#448575
```
#448575 rgb(68,133,117)
```
#4b9281
```
#4b9281 rgb(75,146,129)
```
#519f8c
```
#519f8c rgb(81,159,140)
```

Shade Color Variation

#59aa97
```
#59aa97 rgb(89,170,151)
```
#66b19f
```
#66b19f rgb(102,177,159)
```
#73b8a7
```
#73b8a7 rgb(115,184,167)
```
#80beaf
```
#80beaf rgb(128,190,175)
```
#8dc5b8
```
#8dc5b8 rgb(141,197,184)
```
#9accc0
```
#9accc0 rgb(154,204,192)
```
#a7d2c8
```
#a7d2c8 rgb(167,210,200)
```
#b4d9d0
```
#b4d9d0 rgb(180,217,208)
```
#c1dfd8
```
#c1dfd8 rgb(193,223,216)
```
#cee6e0
```
#cee6e0 rgb(206,230,224)
```
#dbede8
```
#dbede8 rgb(219,237,232)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#464848
```
#464848 rgb(70,72,72)
```
#404e4a
```
#404e4a rgb(64,78,74)
```
#3b534d
```
#3b534d rgb(59,83,77)
```
#355950
```
#355950 rgb(53,89,80)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#2b6356
```
#2b6356 rgb(43,99,86)
```
#256959
```
#256959 rgb(37,105,89)
```
#206e5c
```
#206e5c rgb(32,110,92)
```
#1a745e
```
#1a745e rgb(26,116,94)
```
#157961
```
#157961 rgb(21,121,97)
```
#0f7f64
```
#0f7f64 rgb(15,127,100)
```
#0a8467
```
#0a8467 rgb(10,132,103)
```
#048a6a
```
#048a6a rgb(4,138,106)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495250 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615e57 Protanopia 1% of men
#665b5f Deuteranopia 1% of men
#40646b Tritanopia 0.001% of the population

Trichromacy

#4f5e56 Protanomaly 1% of men, 0.01% of women
#525c5b Deuteranomaly 6% of men, 0.4% of women
#3a6162 Tritanomaly 0.01% of the population

#305e53 hex color

#305e53 Color Information

#305e53 Color Conversion

Color Schemes with #305e53

Alternatives to #305e53

#305e53 Preview

Shades and Tints of #305e53

Tones of #305e53

Color Blindness Simulator