colorhexa.com

#305d63 hex color

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

- R 19
- G 36
- B 39
RGB color chart
- C 52
- M 6
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #305d63 has RGB values of R:48, G:93, B:99 and CMYK values of C:0.52, M:0.06, Y:0, K:0.61. Its decimal value is 3169635.

Hex triplet	305d63	`#305d63`
RGB Decimal	48, 93, 99	`rgb(48,93,99)`
RGB Percent	18.8, 36.5, 38.8	`rgb(18.8%,36.5%,38.8%)`
CMYK	52, 6, 0, 61
HSL	187.1°, 34.7, 28.8	`hsl(187.1,34.7%,28.8%)`
HSV (or HSB)	187.1°, 51.5, 38.8
Web Safe	336666	`#336666`

CIE-LAB	36.664, -13.643, -8.237
XYZ	7.385, 9.357, 13.221
xyY	0.246, 0.312, 9.357
CIE-LCH	36.664, 15.937, 211.122
CIE-LUV	36.664, -19.17, -9.037
Hunter-Lab	30.59, -10.44, -4.212
Binary	00110000, 01011101, 01100011

#305d63
```
#305d63 rgb(48,93,99)
```
#633630
```
#633630 rgb(99,54,48)
```

Complementary Color

#306350
```
#306350 rgb(48,99,80)
```
#305d63
```
#305d63 rgb(48,93,99)
```
#304463
```
#304463 rgb(48,68,99)
```

Analogous Color

#635030
```
#635030 rgb(99,80,48)
```
#305d63
```
#305d63 rgb(48,93,99)
```
#633044
```
#633044 rgb(99,48,68)
```

Split Complementary Color

#172d2f
```
#172d2f rgb(23,45,47)
```
#1f3d41
```
#1f3d41 rgb(31,61,65)
```
#284d52
```
#284d52 rgb(40,77,82)
```
#305d63
```
#305d63 rgb(48,93,99)
```
#386d74
```
#386d74 rgb(56,109,116)
```
#417d85
```
#417d85 rgb(65,125,133)
```
#498d97
```
#498d97 rgb(73,141,151)
```

Monochromatic Color

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

#30635c
```
#30635c rgb(48,99,92)
```
#306361
```
#306361 rgb(48,99,97)
```
#306163
```
#306163 rgb(48,97,99)
```
#305d63
```
#305d63 rgb(48,93,99)
```
#305963
```
#305963 rgb(48,89,99)
```
#305563
```
#305563 rgb(48,85,99)
```
#305063
```
#305063 rgb(48,80,99)
```

Similar Colors

Text with hexadecimal color #305d63

This text has a font color of #305d63.

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

#305d63 background color

This paragraph has a background color of #305d63.

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

#305d63 border color

This element has a border color of #305d63.

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

CSS codes

.text {color:#305d63;}

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

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

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)
```
#162b2e
```
#162b2e rgb(22,43,46)
```
#1d383b
```
#1d383b rgb(29,56,59)
```
#234449
```
#234449 rgb(35,68,73)
```
#2a5156
```
#2a5156 rgb(42,81,86)
```
#305d63
```
#305d63 rgb(48,93,99)
```
#366970
```
#366970 rgb(54,105,112)
```
#3d767d
```
#3d767d rgb(61,118,125)
```
#43828b
```
#43828b rgb(67,130,139)
```
#4a8f98
```
#4a8f98 rgb(74,143,152)
```
#509ba5
```
#509ba5 rgb(80,155,165)
```

Shade Color Variation

#5aa5af
```
#5aa5af rgb(90,165,175)
```
#67acb5
```
#67acb5 rgb(103,172,181)
```
#74b3bc
```
#74b3bc rgb(116,179,188)
```
#81bbc2
```
#81bbc2 rgb(129,187,194)
```
#8fc2c9
```
#8fc2c9 rgb(143,194,201)
```
#9cc9cf
```
#9cc9cf rgb(156,201,207)
```
#a9d0d5
```
#a9d0d5 rgb(169,208,213)
```
#b6d7dc
```
#b6d7dc rgb(182,215,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 #038090 is the most saturated one.

#474c4c
```
#474c4c rgb(71,76,76)
```
#415052
```
#415052 rgb(65,80,82)
```
#3b5458
```
#3b5458 rgb(59,84,88)
```
#36595d
```
#36595d rgb(54,89,93)
```
#305d63
```
#305d63 rgb(48,93,99)
```
#2a6169
```
#2a6169 rgb(42,97,105)
```
#25666e
```
#25666e rgb(37,102,110)
```
#1f6a74
```
#1f6a74 rgb(31,106,116)
```
#196e7a
```
#196e7a rgb(25,110,122)
```
#14737f
```
#14737f rgb(20,115,127)
```
#0e7785
```
#0e7785 rgb(14,119,133)
```
#087b8b
```
#087b8b rgb(8,123,139)
```
#038090
```
#038090 rgb(3,128,144)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5e67 Protanopia 1% of men
#605c6e Deuteranopia 1% of men
#3b656c Tritanopia 0.001% of the population

Trichromacy

#4d5d65 Protanomaly 1% of men, 0.01% of women
#4e5c6a Deuteranomaly 6% of men, 0.4% of women
#376269 Tritanomaly 0.01% of the population