#30969e hex color

In a RGB color space, hex #30969e is composed of 18.8% red, 58.8% green and 62% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 5.1% magenta, 0% yellow and 38% black. It has a hue angle of 184.4 degrees, a saturation of 53.4% and a lightness of 40.4%. #30969e color hex could be obtained by blending #60ffff with #002d3d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 59
- B 62
RGB color chart
- C 70
- M 5
- Y 0
- K 38
CMYK color chart

● #30969e color description : Dark moderate cyan.

The hexadecimal color #30969e has RGB values of R:48, G:150, B:158 and CMYK values of C:0.7, M:0.05, Y:0, K:0.38. Its decimal value is 3184286.

Hex triplet	30969e	`#30969e`
RGB Decimal	48, 150, 158	`rgb(48,150,158)`
RGB Percent	18.8, 58.8, 62	`rgb(18.8%,58.8%,62%)`
CMYK	70, 5, 0, 38
HSL	184.4°, 53.4, 40.4	`hsl(184.4,53.4%,40.4%)`
HSV (or HSB)	184.4°, 69.6, 62
Web Safe	339999	`#339999`

CIE-LAB	56.986, -25.902, -12.701
XYZ	18.295, 24.908, 36.189
xyY	0.23, 0.314, 24.908
CIE-LCH	56.986, 28.848, 206.121
CIE-LUV	56.986, -38.242, -15.131
Hunter-Lab	49.908, -21.905, -8.057
Binary	00110000, 10010110, 10011110

#30969e
```
#30969e rgb(48,150,158)
```
#9e3830
```
#9e3830 rgb(158,56,48)
```

Complementary Color

#309e6f
```
#309e6f rgb(48,158,111)
```
#30969e
```
#30969e rgb(48,150,158)
```
#305f9e
```
#305f9e rgb(48,95,158)
```

Analogous Color

#9e6f30
```
#9e6f30 rgb(158,111,48)
```
#30969e
```
#30969e rgb(48,150,158)
```
#9e305f
```
#9e305f rgb(158,48,95)
```

Split Complementary Color

#969e30
```
#969e30 rgb(150,158,48)
```
#30969e
```
#30969e rgb(48,150,158)
```
#9e3096
```
#9e3096 rgb(158,48,150)
```

Triadic Color

#309e38
```
#309e38 rgb(48,158,56)
```
#30969e
```
#30969e rgb(48,150,158)
```
#9e3096
```
#9e3096 rgb(158,48,150)
```
#9e3830
```
#9e3830 rgb(158,56,48)
```

Tetradic Color

#1e5e63
```
#1e5e63 rgb(30,94,99)
```
#247177
```
#247177 rgb(36,113,119)
```
#2a838a
```
#2a838a rgb(42,131,138)
```
#30969e
```
#30969e rgb(48,150,158)
```
#36a9b2
```
#36a9b2 rgb(54,169,178)
```
#3dbac4
```
#3dbac4 rgb(61,186,196)
```
#51c1ca
```
#51c1ca rgb(81,193,202)
```

Monochromatic Color

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

#309e8b
```
#309e8b rgb(48,158,139)
```
#309e94
```
#309e94 rgb(48,158,148)
```
#309e9d
```
#309e9d rgb(48,158,157)
```
#30969e
```
#30969e rgb(48,150,158)
```
#308d9e
```
#308d9e rgb(48,141,158)
```
#30849e
```
#30849e rgb(48,132,158)
```
#307b9e
```
#307b9e rgb(48,123,158)
```

Similar Colors

Text with hexadecimal color #30969e

This text has a font color of #30969e.

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

#30969e background color

This paragraph has a background color of #30969e.

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

#30969e border color

This element has a border color of #30969e.

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

CSS codes

.text {color:#30969e;}

.background {background-color:#30969e;}

.border {border:1px solid #30969e;}

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, #020708 is the darkest color, while #f8fcfd is the lightest one.

#020708
```
#020708 rgb(2,7,8)
```
#071517
```
#071517 rgb(7,21,23)
```
#0b2426
```
#0b2426 rgb(11,36,38)
```
#103235
```
#103235 rgb(16,50,53)
```
#154044
```
#154044 rgb(21,64,68)
```
#194f53
```
#194f53 rgb(25,79,83)
```
#1e5d62
```
#1e5d62 rgb(30,93,98)
```
#226b71
```
#226b71 rgb(34,107,113)
```
#277980
```
#277980 rgb(39,121,128)
```
#2b888f
```
#2b888f rgb(43,136,143)
```
#30969e
```
#30969e rgb(48,150,158)
```
#35a4ad
```
#35a4ad rgb(53,164,173)
```
#39b3bc
```
#39b3bc rgb(57,179,188)
```

Shade Color Variation

#43bcc6
```
#43bcc6 rgb(67,188,198)
```
#52c2ca
```
#52c2ca rgb(82,194,202)
```
#61c7cf
```
#61c7cf rgb(97,199,207)
```
#70ccd4
```
#70ccd4 rgb(112,204,212)
```
#7fd2d8
```
#7fd2d8 rgb(127,210,216)
```
#8ed7dd
```
#8ed7dd rgb(142,215,221)
```
#9ddce1
```
#9ddce1 rgb(157,220,225)
```
#ace2e6
```
#ace2e6 rgb(172,226,230)
```
#bbe7ea
```
#bbe7ea rgb(187,231,234)
```
#caecef
```
#caecef rgb(202,236,239)
```
#d9f2f4
```
#d9f2f4 rgb(217,242,244)
```
#e8f7f8
```
#e8f7f8 rgb(232,247,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606d6e is the less saturated color, while #00bfce is the most saturated one.

#606d6e
```
#606d6e rgb(96,109,110)
```
#587476
```
#587476 rgb(88,116,118)
```
#507b7e
```
#507b7e rgb(80,123,126)
```
#488286
```
#488286 rgb(72,130,134)
```
#40888e
```
#40888e rgb(64,136,142)
```
#388f96
```
#388f96 rgb(56,143,150)
```
#30969e
```
#30969e rgb(48,150,158)
```
#289da6
```
#289da6 rgb(40,157,166)
```
#20a4ae
```
#20a4ae rgb(32,164,174)
```
#18aab6
```
#18aab6 rgb(24,170,182)
```
#10b1be
```
#10b1be rgb(16,177,190)
```
#08b8c6
```
#08b8c6 rgb(8,184,198)
```
#00bfce
```
#00bfce rgb(0,191,206)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6a7e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8d9b Protanopia 1% of men
#8e8ba8 Deuteranopia 1% of men
#3d9aa6 Tritanopia 0.001% of the population

Trichromacy

#6b909c Protanomaly 1% of men, 0.01% of women
#6c8fa4 Deuteranomaly 6% of men, 0.4% of women
#3899a3 Tritanomaly 0.01% of the population

#30969e hex color

#30969e Color Information

#30969e Color Conversion

Color Schemes with #30969e

Alternatives to #30969e

#30969e Preview

Shades and Tints of #30969e

Tones of #30969e

Color Blindness Simulator