#306266 hex color

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

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

● #306266 color description : Very dark desaturated cyan.

The hexadecimal color #306266 has RGB values of R:48, G:98, B:102 and CMYK values of C:0.53, M:0.04, Y:0, K:0.6. Its decimal value is 3170918.

Hex triplet	306266	`#306266`
RGB Decimal	48, 98, 102	`rgb(48,98,102)`
RGB Percent	18.8, 38.4, 40	`rgb(18.8%,38.4%,40%)`
CMYK	53, 4, 0, 60
HSL	184.4°, 36, 29.4	`hsl(184.4,36%,29.4%)`
HSV (or HSB)	184.4°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	38.415, -15.57, -7.465
XYZ	7.984, 10.323, 14.141
xyY	0.246, 0.318, 10.323
CIE-LCH	38.415, 17.267, 205.615
CIE-LUV	38.415, -21.093, -7.838
Hunter-Lab	32.129, -11.867, -3.606
Binary	00110000, 01100010, 01100110

#306266
```
#306266 rgb(48,98,102)
```
#663430
```
#663430 rgb(102,52,48)
```

Complementary Color

#30664f
```
#30664f rgb(48,102,79)
```
#306266
```
#306266 rgb(48,98,102)
```
#304766
```
#304766 rgb(48,71,102)
```

Analogous Color

#664f30
```
#664f30 rgb(102,79,48)
```
#306266
```
#306266 rgb(48,98,102)
```
#663047
```
#663047 rgb(102,48,71)
```

Split Complementary Color

#626630
```
#626630 rgb(98,102,48)
```
#306266
```
#306266 rgb(48,98,102)
```
#663062
```
#663062 rgb(102,48,98)
```

Triadic Color

#306634
```
#306634 rgb(48,102,52)
```
#306266
```
#306266 rgb(48,98,102)
```
#663062
```
#663062 rgb(102,48,98)
```
#663430
```
#663430 rgb(102,52,48)
```

Tetradic Color

#183032
```
#183032 rgb(24,48,50)
```
#204143
```
#204143 rgb(32,65,67)
```
#285155
```
#285155 rgb(40,81,85)
```
#306266
```
#306266 rgb(48,98,102)
```
#387377
```
#387377 rgb(56,115,119)
```
#408389
```
#408389 rgb(64,131,137)
```
#48949a
```
#48949a rgb(72,148,154)
```

Monochromatic Color

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

#30665d
```
#30665d rgb(48,102,93)
```
#306661
```
#306661 rgb(48,102,97)
```
#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)
```

Similar Colors

Text with hexadecimal color #306266

This text has a font color of #306266.

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

#306266 background color

This paragraph has a background color of #306266.

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

#306266 border color

This element has a border color of #306266.

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

CSS codes

.text {color:#306266;}

.background {background-color:#306266;}

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

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 #fafdfd is the lightest one.

#040809
```
#040809 rgb(4,8,9)
```
#0a1516
```
#0a1516 rgb(10,21,22)
```
#112223
```
#112223 rgb(17,34,35)
```
#172f31
```
#172f31 rgb(23,47,49)
```
#1d3c3e
```
#1d3c3e rgb(29,60,62)
```
#23484b
```
#23484b rgb(35,72,75)
```
#2a5559
```
#2a5559 rgb(42,85,89)
```
#306266
```
#306266 rgb(48,98,102)
```
#366f73
```
#366f73 rgb(54,111,115)
```
#3d7c81
```
#3d7c81 rgb(61,124,129)
```
#43888e
```
#43888e rgb(67,136,142)
```
#49959b
```
#49959b rgb(73,149,155)
```
#4fa2a9
```
#4fa2a9 rgb(79,162,169)
```

Shade Color Variation

#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#68b2b8
```
#68b2b8 rgb(104,178,184)
```
#75b9be
```
#75b9be rgb(117,185,190)
```
#82bfc4
```
#82bfc4 rgb(130,191,196)
```
#90c6cb
```
#90c6cb rgb(144,198,203)
```
#9dcdd1
```
#9dcdd1 rgb(157,205,209)
```
#aad4d7
```
#aad4d7 rgb(170,212,215)
```
#b8dbdd
```
#b8dbdd rgb(184,219,221)
```
#c5e1e4
```
#c5e1e4 rgb(197,225,228)
```
#d2e8ea
```
#d2e8ea rgb(210,232,234)
```
#e0eff0
```
#e0eff0 rgb(224,239,240)
```
#edf6f7
```
#edf6f7 rgb(237,246,247)
```
#fafdfd
```
#fafdfd rgb(250,253,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 #028994 is the most saturated one.

#474e4f
```
#474e4f rgb(71,78,79)
```
#415355
```
#415355 rgb(65,83,85)
```
#3c585a
```
#3c585a rgb(60,88,90)
```
#365d60
```
#365d60 rgb(54,93,96)
```
#306266
```
#306266 rgb(48,98,102)
```
#2a676c
```
#2a676c rgb(42,103,108)
```
#246c72
```
#246c72 rgb(36,108,114)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#19767d
```
#19767d rgb(25,118,125)
```
#137b83
```
#137b83 rgb(19,123,131)
```
#0d7f89
```
#0d7f89 rgb(13,127,137)
```
#08848e
```
#08848e rgb(8,132,142)
```
#028994
```
#028994 rgb(2,137,148)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626269 Protanopia 1% of men
#646071 Deuteranopia 1% of men
#3c6971 Tritanopia 0.001% of the population

Trichromacy

#506268 Protanomaly 1% of men, 0.01% of women
#51616d Deuteranomaly 6% of men, 0.4% of women
#37666d Tritanomaly 0.01% of the population

#306266 hex color

#306266 Color Information

#306266 Color Conversion

Color Schemes with #306266

Alternatives to #306266

#306266 Preview

Shades and Tints of #306266

Tones of #306266

Color Blindness Simulator