#305e66 hex color

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

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

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

The hexadecimal color #305e66 has RGB values of R:48, G:94, B:102 and CMYK values of C:0.53, M:0.08, Y:0, K:0.6. Its decimal value is 3169894.

Hex triplet	305e66	`#305e66`
RGB Decimal	48, 94, 102	`rgb(48,94,102)`
RGB Percent	18.8, 36.9, 40	`rgb(18.8%,36.9%,40%)`
CMYK	53, 8, 0, 60
HSL	188.9°, 36, 29.4	`hsl(188.9,36%,29.4%)`
HSV (or HSB)	188.9°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	37.101, -13.294, -9.439
XYZ	7.619, 9.593, 14.02
xyY	0.244, 0.307, 9.593
CIE-LCH	37.101, 16.304, 215.375
CIE-LUV	37.101, -19.481, -10.767
Hunter-Lab	30.972, -10.289, -5.158
Binary	00110000, 01011110, 01100110

#305e66
```
#305e66 rgb(48,94,102)
```
#663830
```
#663830 rgb(102,56,48)
```

Complementary Color

#306653
```
#306653 rgb(48,102,83)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#304366
```
#304366 rgb(48,67,102)
```

Analogous Color

#665330
```
#665330 rgb(102,83,48)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#663043
```
#663043 rgb(102,48,67)
```

Split Complementary Color

#5e6630
```
#5e6630 rgb(94,102,48)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#66305e
```
#66305e rgb(102,48,94)
```

Triadic Color

#306638
```
#306638 rgb(48,102,56)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#66305e
```
#66305e rgb(102,48,94)
```
#663830
```
#663830 rgb(102,56,48)
```

Tetradic Color

#182e32
```
#182e32 rgb(24,46,50)
```
#203e43
```
#203e43 rgb(32,62,67)
```
#284e55
```
#284e55 rgb(40,78,85)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#386e77
```
#386e77 rgb(56,110,119)
```
#407e89
```
#407e89 rgb(64,126,137)
```
#488e9a
```
#488e9a rgb(72,142,154)
```

Monochromatic Color

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

#306661
```
#306661 rgb(48,102,97)
```
#306665
```
#306665 rgb(48,102,101)
```
#306366
```
#306366 rgb(48,99,102)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#305a66
```
#305a66 rgb(48,90,102)
```
#305566
```
#305566 rgb(48,85,102)
```
#305166
```
#305166 rgb(48,81,102)
```

Similar Colors

Text with hexadecimal color #305e66

This text has a font color of #305e66.

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

#305e66 background color

This paragraph has a background color of #305e66.

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

#305e66 border color

This element has a border color of #305e66.

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

CSS codes

.text {color:#305e66;}

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

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

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)
```
#112123
```
#112123 rgb(17,33,35)
```
#172d31
```
#172d31 rgb(23,45,49)
```
#1d393e
```
#1d393e rgb(29,57,62)
```
#23454b
```
#23454b rgb(35,69,75)
```
#2a5259
```
#2a5259 rgb(42,82,89)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#366a73
```
#366a73 rgb(54,106,115)
```
#3d7781
```
#3d7781 rgb(61,119,129)
```
#43838e
```
#43838e rgb(67,131,142)
```
#498f9b
```
#498f9b rgb(73,143,155)
```
#4f9ba9
```
#4f9ba9 rgb(79,155,169)
```

Shade Color Variation

#5aa5b1
```
#5aa5b1 rgb(90,165,177)
```
#68acb8
```
#68acb8 rgb(104,172,184)
```
#75b3be
```
#75b3be rgb(117,179,190)
```
#82bbc4
```
#82bbc4 rgb(130,187,196)
```
#90c2cb
```
#90c2cb rgb(144,194,203)
```
#9dc9d1
```
#9dc9d1 rgb(157,201,209)
```
#aad0d7
```
#aad0d7 rgb(170,208,215)
```
#b8d8dd
```
#b8d8dd rgb(184,216,221)
```
#c5dfe4
```
#c5dfe4 rgb(197,223,228)
```
#d2e6ea
```
#d2e6ea rgb(210,230,234)
```
#e0eef0
```
#e0eef0 rgb(224,238,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, #474e4f is the less saturated color, while #027e94 is the most saturated one.

#474e4f
```
#474e4f rgb(71,78,79)
```
#415255
```
#415255 rgb(65,82,85)
```
#3c565a
```
#3c565a rgb(60,86,90)
```
#365a60
```
#365a60 rgb(54,90,96)
```
#305e66
```
#305e66 rgb(48,94,102)
```
#2a626c
```
#2a626c rgb(42,98,108)
```
#246672
```
#246672 rgb(36,102,114)
```
#1f6a77
```
#1f6a77 rgb(31,106,119)
```
#196e7d
```
#196e7d rgb(25,110,125)
```
#137283
```
#137283 rgb(19,114,131)
```
#0d7689
```
#0d7689 rgb(13,118,137)
```
#087a8e
```
#087a8e rgb(8,122,142)
```
#027e94
```
#027e94 rgb(2,126,148)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5f69 Protanopia 1% of men
#605e71 Deuteranopia 1% of men
#3a666d Tritanopia 0.001% of the population

Trichromacy

#4d5e68 Protanomaly 1% of men, 0.01% of women
#4e5e6d Deuteranomaly 6% of men, 0.4% of women
#36636b Tritanomaly 0.01% of the population

#305e66 hex color

#305e66 Color Information

#305e66 Color Conversion

Color Schemes with #305e66

Alternatives to #305e66

#305e66 Preview

Shades and Tints of #305e66

Tones of #305e66

Color Blindness Simulator