#305c66 hex color

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

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

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

The hexadecimal color #305c66 has RGB values of R:48, G:92, B:102 and CMYK values of C:0.53, M:0.1, Y:0, K:0.6. Its decimal value is 3169382.

Hex triplet	305c66	`#305c66`
RGB Decimal	48, 92, 102	`rgb(48,92,102)`
RGB Percent	18.8, 36.1, 40	`rgb(18.8%,36.1%,40%)`
CMYK	53, 10, 0, 60
HSL	191.1°, 36, 29.4	`hsl(191.1,36%,29.4%)`
HSV (or HSB)	191.1°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	36.445, -12.136, -10.429
XYZ	7.444, 9.242, 13.961
xyY	0.243, 0.302, 9.242
CIE-LCH	36.445, 16.001, 220.675
CIE-LUV	36.445, -18.677, -12.226
Hunter-Lab	30.4, -9.492, -5.949
Binary	00110000, 01011100, 01100110

#305c66
```
#305c66 rgb(48,92,102)
```
#663a30
```
#663a30 rgb(102,58,48)
```

Complementary Color

#306655
```
#306655 rgb(48,102,85)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#304166
```
#304166 rgb(48,65,102)
```

Analogous Color

#665530
```
#665530 rgb(102,85,48)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#663041
```
#663041 rgb(102,48,65)
```

Split Complementary Color

#5c6630
```
#5c6630 rgb(92,102,48)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#66305c
```
#66305c rgb(102,48,92)
```

Triadic Color

#30663a
```
#30663a rgb(48,102,58)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#66305c
```
#66305c rgb(102,48,92)
```
#663a30
```
#663a30 rgb(102,58,48)
```

Tetradic Color

#182d32
```
#182d32 rgb(24,45,50)
```
#203d43
```
#203d43 rgb(32,61,67)
```
#284c55
```
#284c55 rgb(40,76,85)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#407b89
```
#407b89 rgb(64,123,137)
```
#488b9a
```
#488b9a rgb(72,139,154)
```

Monochromatic Color

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

#306663
```
#306663 rgb(48,102,99)
```
#306566
```
#306566 rgb(48,101,102)
```
#306166
```
#306166 rgb(48,97,102)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#305866
```
#305866 rgb(48,88,102)
```
#305366
```
#305366 rgb(48,83,102)
```
#304f66
```
#304f66 rgb(48,79,102)
```

Similar Colors

Text with hexadecimal color #305c66

This text has a font color of #305c66.

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

#305c66 background color

This paragraph has a background color of #305c66.

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

#305c66 border color

This element has a border color of #305c66.

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

CSS codes

.text {color:#305c66;}

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

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

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)
```
#0a1416
```
#0a1416 rgb(10,20,22)
```
#112023
```
#112023 rgb(17,32,35)
```
#172c31
```
#172c31 rgb(23,44,49)
```
#1d383e
```
#1d383e rgb(29,56,62)
```
#23444b
```
#23444b rgb(35,68,75)
```
#2a5059
```
#2a5059 rgb(42,80,89)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#366873
```
#366873 rgb(54,104,115)
```
#3d7481
```
#3d7481 rgb(61,116,129)
```
#43808e
```
#43808e rgb(67,128,142)
```
#498c9b
```
#498c9b rgb(73,140,155)
```
#4f98a9
```
#4f98a9 rgb(79,152,169)
```

Shade Color Variation

#5aa1b1
```
#5aa1b1 rgb(90,161,177)
```
#68a9b8
```
#68a9b8 rgb(104,169,184)
```
#75b0be
```
#75b0be rgb(117,176,190)
```
#82b8c4
```
#82b8c4 rgb(130,184,196)
```
#90c0cb
```
#90c0cb rgb(144,192,203)
```
#9dc7d1
```
#9dc7d1 rgb(157,199,209)
```
#aacfd7
```
#aacfd7 rgb(170,207,215)
```
#b8d6dd
```
#b8d6dd rgb(184,214,221)
```
#c5dee4
```
#c5dee4 rgb(197,222,228)
```
#d2e6ea
```
#d2e6ea rgb(210,230,234)
```
#e0edf0
```
#e0edf0 rgb(224,237,240)
```
#edf5f7
```
#edf5f7 rgb(237,245,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 #027994 is the most saturated one.

#474d4f
```
#474d4f rgb(71,77,79)
```
#415155
```
#415155 rgb(65,81,85)
```
#3c555a
```
#3c555a rgb(60,85,90)
```
#365860
```
#365860 rgb(54,88,96)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#2a606c
```
#2a606c rgb(42,96,108)
```
#246372
```
#246372 rgb(36,99,114)
```
#1f6777
```
#1f6777 rgb(31,103,119)
```
#196b7d
```
#196b7d rgb(25,107,125)
```
#136e83
```
#136e83 rgb(19,110,131)
```
#0d7289
```
#0d7289 rgb(13,114,137)
```
#08758e
```
#08758e rgb(8,117,142)
```
#027994
```
#027994 rgb(2,121,148)
```

Tone Color Variation

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

Dichromacy

#5c5d6a Protanopia 1% of men
#5d5c70 Deuteranopia 1% of men
#3a646c Tritanopia 0.001% of the population

Trichromacy

#4c5d68 Protanomaly 1% of men, 0.01% of women
#4d5c6c Deuteranomaly 6% of men, 0.4% of women
#366169 Tritanomaly 0.01% of the population

#305c66 hex color

#305c66 Color Information

#305c66 Color Conversion

Color Schemes with #305c66

Alternatives to #305c66

#305c66 Preview

Shades and Tints of #305c66

Tones of #305c66

Color Blindness Simulator