#305966 hex color

In a RGB color space, hex #305966 is composed of 18.8% red, 34.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 12.7% magenta, 0% yellow and 60% black. It has a hue angle of 194.4 degrees, a saturation of 36% and a lightness of 29.4%. #305966 color hex could be obtained by blending #60b2cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 35
- B 40
RGB color chart
- C 53
- M 13
- Y 0
- K 60
CMYK color chart

● #305966 color description : Very dark desaturated cyan.

The hexadecimal color #305966 has RGB values of R:48, G:89, B:102 and CMYK values of C:0.53, M:0.13, Y:0, K:0.6. Its decimal value is 3168614.

Hex triplet	305966	`#305966`
RGB Decimal	48, 89, 102	`rgb(48,89,102)`
RGB Percent	18.8, 34.9, 40	`rgb(18.8%,34.9%,40%)`
CMYK	53, 13, 0, 60
HSL	194.4°, 36, 29.4	`hsl(194.4,36%,29.4%)`
HSV (or HSB)	194.4°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	35.463, -10.371, -11.917
XYZ	7.189, 8.732, 13.876
xyY	0.241, 0.293, 8.732
CIE-LCH	35.463, 15.798, 228.968
CIE-LUV	35.463, -17.475, -14.405
Hunter-Lab	29.55, -8.287, -7.157
Binary	00110000, 01011001, 01100110

#305966
```
#305966 rgb(48,89,102)
```
#663d30
```
#663d30 rgb(102,61,48)
```

Complementary Color

#306658
```
#306658 rgb(48,102,88)
```
#305966
```
#305966 rgb(48,89,102)
```
#303e66
```
#303e66 rgb(48,62,102)
```

Analogous Color

#665830
```
#665830 rgb(102,88,48)
```
#305966
```
#305966 rgb(48,89,102)
```
#66303e
```
#66303e rgb(102,48,62)
```

Split Complementary Color

#596630
```
#596630 rgb(89,102,48)
```
#305966
```
#305966 rgb(48,89,102)
```
#663059
```
#663059 rgb(102,48,89)
```

Triadic Color

#30663d
```
#30663d rgb(48,102,61)
```
#305966
```
#305966 rgb(48,89,102)
```
#663059
```
#663059 rgb(102,48,89)
```
#663d30
```
#663d30 rgb(102,61,48)
```

Tetradic Color

#182c32
```
#182c32 rgb(24,44,50)
```
#203b43
```
#203b43 rgb(32,59,67)
```
#284a55
```
#284a55 rgb(40,74,85)
```
#305966
```
#305966 rgb(48,89,102)
```
#386877
```
#386877 rgb(56,104,119)
```
#407789
```
#407789 rgb(64,119,137)
```
#48869a
```
#48869a rgb(72,134,154)
```

Monochromatic Color

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

#306666
```
#306666 rgb(48,102,102)
```
#306266
```
#306266 rgb(48,98,102)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#305966
```
#305966 rgb(48,89,102)
```
#305566
```
#305566 rgb(48,85,102)
```
#305066
```
#305066 rgb(48,80,102)
```
#304c66
```
#304c66 rgb(48,76,102)
```

Similar Colors

Text with hexadecimal color #305966

This text has a font color of #305966.

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

#305966 background color

This paragraph has a background color of #305966.

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

#305966 border color

This element has a border color of #305966.

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

CSS codes

.text {color:#305966;}

.background {background-color:#305966;}

.border {border:1px solid #305966;}

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

#040809
```
#040809 rgb(4,8,9)
```
#0a1316
```
#0a1316 rgb(10,19,22)
```
#111f23
```
#111f23 rgb(17,31,35)
```
#172a31
```
#172a31 rgb(23,42,49)
```
#1d363e
```
#1d363e rgb(29,54,62)
```
#23424b
```
#23424b rgb(35,66,75)
```
#2a4d59
```
#2a4d59 rgb(42,77,89)
```
#305966
```
#305966 rgb(48,89,102)
```
#366573
```
#366573 rgb(54,101,115)
```
#3d7081
```
#3d7081 rgb(61,112,129)
```
#437c8e
```
#437c8e rgb(67,124,142)
```
#49889b
```
#49889b rgb(73,136,155)
```
#4f93a9
```
#4f93a9 rgb(79,147,169)
```

Shade Color Variation

#5a9cb1
```
#5a9cb1 rgb(90,156,177)
```
#68a4b8
```
#68a4b8 rgb(104,164,184)
```
#75acbe
```
#75acbe rgb(117,172,190)
```
#82b4c4
```
#82b4c4 rgb(130,180,196)
```
#90bccb
```
#90bccb rgb(144,188,203)
```
#9dc4d1
```
#9dc4d1 rgb(157,196,209)
```
#aaccd7
```
#aaccd7 rgb(170,204,215)
```
#b8d4dd
```
#b8d4dd rgb(184,212,221)
```
#c5dce4
```
#c5dce4 rgb(197,220,228)
```
#d2e4ea
```
#d2e4ea rgb(210,228,234)
```
#e0ecf0
```
#e0ecf0 rgb(224,236,240)
```
#edf4f7
```
#edf4f7 rgb(237,244,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#474d4f
```
#474d4f rgb(71,77,79)
```
#415055
```
#415055 rgb(65,80,85)
```
#3c535a
```
#3c535a rgb(60,83,90)
```
#365660
```
#365660 rgb(54,86,96)
```
#305966
```
#305966 rgb(48,89,102)
```
#2a5c6c
```
#2a5c6c rgb(42,92,108)
```
#245f72
```
#245f72 rgb(36,95,114)
```
#1f6277
```
#1f6277 rgb(31,98,119)
```
#19657d
```
#19657d rgb(25,101,125)
```
#136883
```
#136883 rgb(19,104,131)
```
#0d6b89
```
#0d6b89 rgb(13,107,137)
```
#086e8e
```
#086e8e rgb(8,110,142)
```
#027194
```
#027194 rgb(2,113,148)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#485053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595b6a Protanopia 1% of men
#595a70 Deuteranopia 1% of men
#386269 Tritanopia 0.001% of the population

Trichromacy

#4a5a68 Protanomaly 1% of men, 0.01% of women
#4a5a6c Deuteranomaly 6% of men, 0.4% of women
#355e68 Tritanomaly 0.01% of the population

#305966 hex color

#305966 Color Information

#305966 Color Conversion

Color Schemes with #305966

Alternatives to #305966

#305966 Preview

Shades and Tints of #305966

Tones of #305966

Color Blindness Simulator