#305e63 hex color

In a RGB color space, hex #305e63 is composed of 18.8% red, 36.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 5.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 185.9 degrees, a saturation of 34.7% and a lightness of 28.8%. #305e63 color hex could be obtained by blending #60bcc6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 39
RGB color chart
- C 52
- M 5
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #305e63 has RGB values of R:48, G:94, B:99 and CMYK values of C:0.52, M:0.05, Y:0, K:0.61. Its decimal value is 3169891.

Hex triplet	305e63	`#305e63`
RGB Decimal	48, 94, 99	`rgb(48,94,99)`
RGB Percent	18.8, 36.9, 38.8	`rgb(18.8%,36.9%,38.8%)`
CMYK	52, 5, 0, 61
HSL	185.9°, 34.7, 28.8	`hsl(185.9,34.7%,28.8%)`
HSV (or HSB)	185.9°, 51.5, 38.8
Web Safe	336666	`#336666`

CIE-LAB	36.993, -14.215, -7.743
XYZ	7.473, 9.534, 13.25
xyY	0.247, 0.315, 9.534
CIE-LCH	36.993, 16.187, 208.575
CIE-LUV	36.993, -19.576, -8.309
Hunter-Lab	30.877, -10.834, -3.828
Binary	00110000, 01011110, 01100011

#305e63
```
#305e63 rgb(48,94,99)
```
#633530
```
#633530 rgb(99,53,48)
```

Complementary Color

#30634f
```
#30634f rgb(48,99,79)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#304563
```
#304563 rgb(48,69,99)
```

Analogous Color

#634f30
```
#634f30 rgb(99,79,48)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#633045
```
#633045 rgb(99,48,69)
```

Split Complementary Color

#5e6330
```
#5e6330 rgb(94,99,48)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#63305e
```
#63305e rgb(99,48,94)
```

Triadic Color

#306335
```
#306335 rgb(48,99,53)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#63305e
```
#63305e rgb(99,48,94)
```
#633530
```
#633530 rgb(99,53,48)
```

Tetradic Color

#172d2f
```
#172d2f rgb(23,45,47)
```
#1f3d41
```
#1f3d41 rgb(31,61,65)
```
#284e52
```
#284e52 rgb(40,78,82)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#386e74
```
#386e74 rgb(56,110,116)
```
#417f85
```
#417f85 rgb(65,127,133)
```
#498f97
```
#498f97 rgb(73,143,151)
```

Monochromatic Color

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

#30635b
```
#30635b rgb(48,99,91)
```
#306360
```
#306360 rgb(48,99,96)
```
#306263
```
#306263 rgb(48,98,99)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#305a63
```
#305a63 rgb(48,90,99)
```
#305663
```
#305663 rgb(48,86,99)
```
#305163
```
#305163 rgb(48,81,99)
```

Similar Colors

Text with hexadecimal color #305e63

This text has a font color of #305e63.

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

#305e63 background color

This paragraph has a background color of #305e63.

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

#305e63 border color

This element has a border color of #305e63.

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

CSS codes

.text {color:#305e63;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1314
```
#0a1314 rgb(10,19,20)
```
#101f21
```
#101f21 rgb(16,31,33)
```
#162c2e
```
#162c2e rgb(22,44,46)
```
#1d383b
```
#1d383b rgb(29,56,59)
```
#234549
```
#234549 rgb(35,69,73)
```
#2a5156
```
#2a5156 rgb(42,81,86)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#366b70
```
#366b70 rgb(54,107,112)
```
#3d777d
```
#3d777d rgb(61,119,125)
```
#43848b
```
#43848b rgb(67,132,139)
```
#4a9098
```
#4a9098 rgb(74,144,152)
```
#509da5
```
#509da5 rgb(80,157,165)
```

Shade Color Variation

#5aa7af
```
#5aa7af rgb(90,167,175)
```
#67aeb5
```
#67aeb5 rgb(103,174,181)
```
#74b5bc
```
#74b5bc rgb(116,181,188)
```
#81bcc2
```
#81bcc2 rgb(129,188,194)
```
#8fc3c9
```
#8fc3c9 rgb(143,195,201)
```
#9ccacf
```
#9ccacf rgb(156,202,207)
```
#a9d1d5
```
#a9d1d5 rgb(169,209,213)
```
#b6d8dc
```
#b6d8dc rgb(182,216,220)
```
#c3dfe2
```
#c3dfe2 rgb(195,223,226)
```
#d1e6e9
```
#d1e6e9 rgb(209,230,233)
```
#deedef
```
#deedef rgb(222,237,239)
```
#ebf4f5
```
#ebf4f5 rgb(235,244,245)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#474c4c
```
#474c4c rgb(71,76,76)
```
#415052
```
#415052 rgb(65,80,82)
```
#3b5558
```
#3b5558 rgb(59,85,88)
```
#36595d
```
#36595d rgb(54,89,93)
```
#305e63
```
#305e63 rgb(48,94,99)
```
#2a6369
```
#2a6369 rgb(42,99,105)
```
#25676e
```
#25676e rgb(37,103,110)
```
#1f6c74
```
#1f6c74 rgb(31,108,116)
```
#19707a
```
#19707a rgb(25,112,122)
```
#14757f
```
#14757f rgb(20,117,127)
```
#0e7985
```
#0e7985 rgb(14,121,133)
```
#087e8b
```
#087e8b rgb(8,126,139)
```
#038290
```
#038290 rgb(3,130,144)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5f66 Protanopia 1% of men
#615d6e Deuteranopia 1% of men
#3b666d Tritanopia 0.001% of the population

Trichromacy

#4e5e65 Protanomaly 1% of men, 0.01% of women
#4f5d6a Deuteranomaly 6% of men, 0.4% of women
#376369 Tritanomaly 0.01% of the population

#305e63 hex color

#305e63 Color Information

#305e63 Color Conversion

Color Schemes with #305e63

Alternatives to #305e63

#305e63 Preview

Shades and Tints of #305e63

Tones of #305e63

Color Blindness Simulator