#30878a hex color

In a RGB color space, hex #30878a is composed of 18.8% red, 52.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 2.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 182 degrees, a saturation of 48.4% and a lightness of 36.5%. #30878a color hex could be obtained by blending #60ffff with #000f15. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 53
- B 54
RGB color chart
- C 65
- M 2
- Y 0
- K 46
CMYK color chart

● #30878a color description : Dark moderate cyan.

The hexadecimal color #30878a has RGB values of R:48, G:135, B:138 and CMYK values of C:0.65, M:0.02, Y:0, K:0.46. Its decimal value is 3180426.

Hex triplet	30878a	`#30878a`
RGB Decimal	48, 135, 138	`rgb(48,135,138)`
RGB Percent	18.8, 52.9, 54.1	`rgb(18.8%,52.9%,54.1%)`
CMYK	65, 2, 0, 46
HSL	182°, 48.4, 36.5	`hsl(182,48.4%,36.5%)`
HSV (or HSB)	182°, 65.2, 54.1
Web Safe	339999	`#339999`

CIE-LAB	51.599, -24.401, -9.257
XYZ	14.469, 19.79, 27.101
xyY	0.236, 0.323, 19.79
CIE-LCH	51.599, 26.097, 200.775
CIE-LUV	51.599, -33.829, -9.855
Hunter-Lab	44.486, -19.794, -4.979
Binary	00110000, 10000111, 10001010

#30878a
```
#30878a rgb(48,135,138)
```
#8a3330
```
#8a3330 rgb(138,51,48)
```

Complementary Color

#308a60
```
#308a60 rgb(48,138,96)
```
#30878a
```
#30878a rgb(48,135,138)
```
#305a8a
```
#305a8a rgb(48,90,138)
```

Analogous Color

#8a6030
```
#8a6030 rgb(138,96,48)
```
#30878a
```
#30878a rgb(48,135,138)
```
#8a305a
```
#8a305a rgb(138,48,90)
```

Split Complementary Color

#878a30
```
#878a30 rgb(135,138,48)
```
#30878a
```
#30878a rgb(48,135,138)
```
#8a3087
```
#8a3087 rgb(138,48,135)
```

Triadic Color

#308a33
```
#308a33 rgb(48,138,51)
```
#30878a
```
#30878a rgb(48,135,138)
```
#8a3087
```
#8a3087 rgb(138,48,135)
```
#8a3330
```
#8a3330 rgb(138,51,48)
```

Tetradic Color

#1c4f51
```
#1c4f51 rgb(28,79,81)
```
#236264
```
#236264 rgb(35,98,100)
```
#297477
```
#297477 rgb(41,116,119)
```
#30878a
```
#30878a rgb(48,135,138)
```
#379a9d
```
#379a9d rgb(55,154,157)
```
#3dacb0
```
#3dacb0 rgb(61,172,176)
```
#47bbbf
```
#47bbbf rgb(71,187,191)
```

Monochromatic Color

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

#308a77
```
#308a77 rgb(48,138,119)
```
#308a7e
```
#308a7e rgb(48,138,126)
```
#308a86
```
#308a86 rgb(48,138,134)
```
#30878a
```
#30878a rgb(48,135,138)
```
#30808a
```
#30808a rgb(48,128,138)
```
#30788a
```
#30788a rgb(48,120,138)
```
#30718a
```
#30718a rgb(48,113,138)
```

Similar Colors

Text with hexadecimal color #30878a

This text has a font color of #30878a.

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

#30878a background color

This paragraph has a background color of #30878a.

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

#30878a border color

This element has a border color of #30878a.

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

CSS codes

.text {color:#30878a;}

.background {background-color:#30878a;}

.border {border:1px solid #30878a;}

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

#020707
```
#020707 rgb(2,7,7)
```
#081516
```
#081516 rgb(8,21,22)
```
#0d2324
```
#0d2324 rgb(13,35,36)
```
#123233
```
#123233 rgb(18,50,51)
```
#174041
```
#174041 rgb(23,64,65)
```
#1c4e50
```
#1c4e50 rgb(28,78,80)
```
#215c5e
```
#215c5e rgb(33,92,94)
```
#266b6d
```
#266b6d rgb(38,107,109)
```
#2b797b
```
#2b797b rgb(43,121,123)
```
#30878a
```
#30878a rgb(48,135,138)
```
#359599
```
#359599 rgb(53,149,153)
```
#3aa3a7
```
#3aa3a7 rgb(58,163,167)
```
#3fb2b6
```
#3fb2b6 rgb(63,178,182)
```

Shade Color Variation

#49bcc0
```
#49bcc0 rgb(73,188,192)
```
#57c1c5
```
#57c1c5 rgb(87,193,197)
```
#66c6ca
```
#66c6ca rgb(102,198,202)
```
#74cccf
```
#74cccf rgb(116,204,207)
```
#83d1d4
```
#83d1d4 rgb(131,209,212)
```
#92d7d9
```
#92d7d9 rgb(146,215,217)
```
#a0dcde
```
#a0dcde rgb(160,220,222)
```
#afe1e3
```
#afe1e3 rgb(175,225,227)
```
#bde7e8
```
#bde7e8 rgb(189,231,232)
```
#cceced
```
#cceced rgb(204,236,237)
```
#daf1f2
```
#daf1f2 rgb(218,241,242)
```
#e9f7f7
```
#e9f7f7 rgb(233,247,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5f5f is the less saturated color, while #05afb5 is the most saturated one.

#5b5f5f
```
#5b5f5f rgb(91,95,95)
```
#546666
```
#546666 rgb(84,102,102)
```
#4d6c6d
```
#4d6c6d rgb(77,108,109)
```
#457375
```
#457375 rgb(69,115,117)
```
#3e7a7c
```
#3e7a7c rgb(62,122,124)
```
#378083
```
#378083 rgb(55,128,131)
```
#30878a
```
#30878a rgb(48,135,138)
```
#298e91
```
#298e91 rgb(41,142,145)
```
#229498
```
#229498 rgb(34,148,152)
```
#1b9b9f
```
#1b9b9f rgb(27,155,159)
```
#13a2a7
```
#13a2a7 rgb(19,162,167)
```
#0ca8ae
```
#0ca8ae rgb(12,168,174)
```
#05afb5
```
#05afb5 rgb(5,175,181)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#617273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818189 Protanopia 1% of men
#847e95 Deuteranopia 1% of men
#3e8c96 Tritanopia 0.001% of the population

Trichromacy

#648389 Protanomaly 1% of men, 0.01% of women
#658191 Deuteranomaly 6% of men, 0.4% of women
#398a91 Tritanomaly 0.01% of the population

#30878a hex color

#30878a Color Information

#30878a Color Conversion

Color Schemes with #30878a

Alternatives to #30878a

#30878a Preview

Shades and Tints of #30878a

Tones of #30878a

Color Blindness Simulator