#305b66 hex color

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

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

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

The hexadecimal color #305b66 has RGB values of R:48, G:91, B:102 and CMYK values of C:0.53, M:0.11, Y:0, K:0.6. Its decimal value is 3169126.

Hex triplet	305b66	`#305b66`
RGB Decimal	48, 91, 102	`rgb(48,91,102)`
RGB Percent	18.8, 35.7, 40	`rgb(18.8%,35.7%,40%)`
CMYK	53, 11, 0, 60
HSL	192.2°, 36, 29.4	`hsl(192.2,36%,29.4%)`
HSV (or HSB)	192.2°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	36.118, -11.551, -10.925
XYZ	7.358, 9.069, 13.932
xyY	0.242, 0.299, 9.069
CIE-LCH	36.118, 15.899, 223.404
CIE-LUV	36.118, -18.276, -12.954
Hunter-Lab	30.115, -9.092, -6.349
Binary	00110000, 01011011, 01100110

#305b66
```
#305b66 rgb(48,91,102)
```
#663b30
```
#663b30 rgb(102,59,48)
```

Complementary Color

#306656
```
#306656 rgb(48,102,86)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#304066
```
#304066 rgb(48,64,102)
```

Analogous Color

#665630
```
#665630 rgb(102,86,48)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#663040
```
#663040 rgb(102,48,64)
```

Split Complementary Color

#5b6630
```
#5b6630 rgb(91,102,48)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#66305b
```
#66305b rgb(102,48,91)
```

Triadic Color

#30663b
```
#30663b rgb(48,102,59)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#66305b
```
#66305b rgb(102,48,91)
```
#663b30
```
#663b30 rgb(102,59,48)
```

Tetradic Color

#182d32
```
#182d32 rgb(24,45,50)
```
#203c43
```
#203c43 rgb(32,60,67)
```
#284c55
```
#284c55 rgb(40,76,85)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#386a77
```
#386a77 rgb(56,106,119)
```
#407a89
```
#407a89 rgb(64,122,137)
```
#48899a
```
#48899a rgb(72,137,154)
```

Monochromatic Color

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

#306664
```
#306664 rgb(48,102,100)
```
#306466
```
#306466 rgb(48,100,102)
```
#306066
```
#306066 rgb(48,96,102)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#305766
```
#305766 rgb(48,87,102)
```
#305266
```
#305266 rgb(48,82,102)
```
#304e66
```
#304e66 rgb(48,78,102)
```

Similar Colors

Text with hexadecimal color #305b66

This text has a font color of #305b66.

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

#305b66 background color

This paragraph has a background color of #305b66.

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

#305b66 border color

This element has a border color of #305b66.

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

CSS codes

.text {color:#305b66;}

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

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

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)
```
#172b31
```
#172b31 rgb(23,43,49)
```
#1d373e
```
#1d373e rgb(29,55,62)
```
#23434b
```
#23434b rgb(35,67,75)
```
#2a4f59
```
#2a4f59 rgb(42,79,89)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#366773
```
#366773 rgb(54,103,115)
```
#3d7381
```
#3d7381 rgb(61,115,129)
```
#437f8e
```
#437f8e rgb(67,127,142)
```
#498b9b
```
#498b9b rgb(73,139,155)
```
#4f97a9
```
#4f97a9 rgb(79,151,169)
```

Shade Color Variation

#5aa0b1
```
#5aa0b1 rgb(90,160,177)
```
#68a7b8
```
#68a7b8 rgb(104,167,184)
```
#75afbe
```
#75afbe rgb(117,175,190)
```
#82b7c4
```
#82b7c4 rgb(130,183,196)
```
#90bfcb
```
#90bfcb rgb(144,191,203)
```
#9dc6d1
```
#9dc6d1 rgb(157,198,209)
```
#aaced7
```
#aaced7 rgb(170,206,215)
```
#b8d6dd
```
#b8d6dd rgb(184,214,221)
```
#c5dde4
```
#c5dde4 rgb(197,221,228)
```
#d2e5ea
```
#d2e5ea rgb(210,229,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 #027694 is the most saturated one.

#474d4f
```
#474d4f rgb(71,77,79)
```
#415155
```
#415155 rgb(65,81,85)
```
#3c545a
```
#3c545a rgb(60,84,90)
```
#365860
```
#365860 rgb(54,88,96)
```
#305b66
```
#305b66 rgb(48,91,102)
```
#2a5e6c
```
#2a5e6c rgb(42,94,108)
```
#246272
```
#246272 rgb(36,98,114)
```
#1f6577
```
#1f6577 rgb(31,101,119)
```
#19697d
```
#19697d rgb(25,105,125)
```
#136c83
```
#136c83 rgb(19,108,131)
```
#0d7089
```
#0d7089 rgb(13,112,137)
```
#08738e
```
#08738e rgb(8,115,142)
```
#027694
```
#027694 rgb(2,118,148)
```

Tone Color Variation

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

#5b5d6a Protanopia 1% of men
#5c5b70 Deuteranopia 1% of men
#39646b Tritanopia 0.001% of the population

Trichromacy

#4b5c68 Protanomaly 1% of men, 0.01% of women
#4c5b6c Deuteranomaly 6% of men, 0.4% of women
#366069 Tritanomaly 0.01% of the population

#305b66 hex color

#305b66 Color Information

#305b66 Color Conversion

Color Schemes with #305b66

Alternatives to #305b66

#305b66 Preview

Shades and Tints of #305b66

Tones of #305b66

Color Blindness Simulator