#305a66 hex color

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

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

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

The hexadecimal color #305a66 has RGB values of R:48, G:90, B:102 and CMYK values of C:0.53, M:0.12, Y:0, K:0.6. Its decimal value is 3168870.

Hex triplet	305a66	`#305a66`
RGB Decimal	48, 90, 102	`rgb(48,90,102)`
RGB Percent	18.8, 35.3, 40	`rgb(18.8%,35.3%,40%)`
CMYK	53, 12, 0, 60
HSL	193.3°, 36, 29.4	`hsl(193.3,36%,29.4%)`
HSV (or HSB)	193.3°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	35.79, -10.963, -11.421
XYZ	7.273, 8.9, 13.904
xyY	0.242, 0.296, 8.9
CIE-LCH	35.79, 15.831, 226.172
CIE-LUV	35.79, -17.875, -13.68
Hunter-Lab	29.832, -8.69, -6.751
Binary	00110000, 01011010, 01100110

#305a66
```
#305a66 rgb(48,90,102)
```
#663c30
```
#663c30 rgb(102,60,48)
```

Complementary Color

#306657
```
#306657 rgb(48,102,87)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#303f66
```
#303f66 rgb(48,63,102)
```

Analogous Color

#665730
```
#665730 rgb(102,87,48)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#66303f
```
#66303f rgb(102,48,63)
```

Split Complementary Color

#5a6630
```
#5a6630 rgb(90,102,48)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#66305a
```
#66305a rgb(102,48,90)
```

Triadic Color

#30663c
```
#30663c rgb(48,102,60)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#66305a
```
#66305a rgb(102,48,90)
```
#663c30
```
#663c30 rgb(102,60,48)
```

Tetradic Color

#182c32
```
#182c32 rgb(24,44,50)
```
#203b43
```
#203b43 rgb(32,59,67)
```
#284b55
```
#284b55 rgb(40,75,85)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#386977
```
#386977 rgb(56,105,119)
```
#407989
```
#407989 rgb(64,121,137)
```
#48889a
```
#48889a rgb(72,136,154)
```

Monochromatic Color

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

#306665
```
#306665 rgb(48,102,101)
```
#306366
```
#306366 rgb(48,99,102)
```
#305f66
```
#305f66 rgb(48,95,102)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#305666
```
#305666 rgb(48,86,102)
```
#305166
```
#305166 rgb(48,81,102)
```
#304d66
```
#304d66 rgb(48,77,102)
```

Similar Colors

Text with hexadecimal color #305a66

This text has a font color of #305a66.

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

#305a66 background color

This paragraph has a background color of #305a66.

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

#305a66 border color

This element has a border color of #305a66.

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

CSS codes

.text {color:#305a66;}

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

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

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)
```
#172b31
```
#172b31 rgb(23,43,49)
```
#1d373e
```
#1d373e rgb(29,55,62)
```
#23424b
```
#23424b rgb(35,66,75)
```
#2a4e59
```
#2a4e59 rgb(42,78,89)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#366673
```
#366673 rgb(54,102,115)
```
#3d7281
```
#3d7281 rgb(61,114,129)
```
#437d8e
```
#437d8e rgb(67,125,142)
```
#49899b
```
#49899b rgb(73,137,155)
```
#4f95a9
```
#4f95a9 rgb(79,149,169)
```

Shade Color Variation

#5a9eb1
```
#5a9eb1 rgb(90,158,177)
```
#68a6b8
```
#68a6b8 rgb(104,166,184)
```
#75aebe
```
#75aebe rgb(117,174,190)
```
#82b6c4
```
#82b6c4 rgb(130,182,196)
```
#90bdcb
```
#90bdcb rgb(144,189,203)
```
#9dc5d1
```
#9dc5d1 rgb(157,197,209)
```
#aacdd7
```
#aacdd7 rgb(170,205,215)
```
#b8d5dd
```
#b8d5dd rgb(184,213,221)
```
#c5dde4
```
#c5dde4 rgb(197,221,228)
```
#d2e5ea
```
#d2e5ea rgb(210,229,234)
```
#e0edf0
```
#e0edf0 rgb(224,237,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 #027494 is the most saturated one.

#474d4f
```
#474d4f rgb(71,77,79)
```
#415055
```
#415055 rgb(65,80,85)
```
#3c545a
```
#3c545a rgb(60,84,90)
```
#365760
```
#365760 rgb(54,87,96)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#2a5d6c
```
#2a5d6c rgb(42,93,108)
```
#246072
```
#246072 rgb(36,96,114)
```
#1f6477
```
#1f6477 rgb(31,100,119)
```
#19677d
```
#19677d rgb(25,103,125)
```
#136a83
```
#136a83 rgb(19,106,131)
```
#0d6d89
```
#0d6d89 rgb(13,109,137)
```
#08708e
```
#08708e rgb(8,112,142)
```
#027494
```
#027494 rgb(2,116,148)
```

Tone Color Variation

Below, you can see how #305a66 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
#495154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c6a Protanopia 1% of men
#5b5b70 Deuteranopia 1% of men
#39636a Tritanopia 0.001% of the population

Trichromacy

#4b5b68 Protanomaly 1% of men, 0.01% of women
#4b5a6c Deuteranomaly 6% of men, 0.4% of women
#355f68 Tritanomaly 0.01% of the population

#305a66 hex color

#305a66 Color Information

#305a66 Color Conversion

Color Schemes with #305a66

Alternatives to #305a66

#305a66 Preview

Shades and Tints of #305a66

Tones of #305a66

Color Blindness Simulator