#308077 hex color

In a RGB color space, hex #308077 is composed of 18.8% red, 50.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 7% yellow and 49.8% black. It has a hue angle of 173.3 degrees, a saturation of 45.5% and a lightness of 34.5%. #308077 color hex could be obtained by blending #60ffee with #000100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 50
- B 47
RGB color chart
- C 63
- M 0
- Y 7
- K 50
CMYK color chart

● #308077 color description : Dark moderate cyan.

The hexadecimal color #308077 has RGB values of R:48, G:128, B:119 and CMYK values of C:0.63, M:0, Y:0.07, K:0.5. Its decimal value is 3178615.

Hex triplet	308077	`#308077`
RGB Decimal	48, 128, 119	`rgb(48,128,119)`
RGB Percent	18.8, 50.2, 46.7	`rgb(18.8%,50.2%,46.7%)`
CMYK	63, 0, 7, 50
HSL	173.3°, 45.5, 34.5	`hsl(173.3,45.5%,34.5%)`
HSV (or HSB)	173.3°, 62.5, 50.2
Web Safe	339966	`#339966`

CIE-LAB	48.757, -26.448, -2.348
XYZ	12.267, 17.398, 20.163
xyY	0.246, 0.349, 17.398
CIE-LCH	48.757, 26.552, 185.073
CIE-LUV	48.757, -32.205, 0.541
Hunter-Lab	41.71, -20.497, 0.536
Binary	00110000, 10000000, 01110111

#308077
```
#308077 rgb(48,128,119)
```
#803039
```
#803039 rgb(128,48,57)
```

Complementary Color

#30804f
```
#30804f rgb(48,128,79)
```
#308077
```
#308077 rgb(48,128,119)
```
#306180
```
#306180 rgb(48,97,128)
```

Analogous Color

#804f30
```
#804f30 rgb(128,79,48)
```
#308077
```
#308077 rgb(48,128,119)
```
#803061
```
#803061 rgb(128,48,97)
```

Split Complementary Color

#807730
```
#807730 rgb(128,119,48)
```
#308077
```
#308077 rgb(48,128,119)
```
#773080
```
#773080 rgb(119,48,128)
```

Triadic Color

#398030
```
#398030 rgb(57,128,48)
```
#308077
```
#308077 rgb(48,128,119)
```
#773080
```
#773080 rgb(119,48,128)
```
#803039
```
#803039 rgb(128,48,57)
```

Tetradic Color

#1b4843
```
#1b4843 rgb(27,72,67)
```
#225b55
```
#225b55 rgb(34,91,85)
```
#296d66
```
#296d66 rgb(41,109,102)
```
#308077
```
#308077 rgb(48,128,119)
```
#379388
```
#379388 rgb(55,147,136)
```
#3ea599
```
#3ea599 rgb(62,165,153)
```
#45b8ab
```
#45b8ab rgb(69,184,171)
```

Monochromatic Color

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

#308063
```
#308063 rgb(48,128,99)
```
#30806a
```
#30806a rgb(48,128,106)
```
#308070
```
#308070 rgb(48,128,112)
```
#308077
```
#308077 rgb(48,128,119)
```
#30807e
```
#30807e rgb(48,128,126)
```
#307c80
```
#307c80 rgb(48,124,128)
```
#307580
```
#307580 rgb(48,117,128)
```

Similar Colors

Text with hexadecimal color #308077

This text has a font color of #308077.

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

#308077 background color

This paragraph has a background color of #308077.

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

#308077 border color

This element has a border color of #308077.

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

CSS codes

.text {color:#308077;}

.background {background-color:#308077;}

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

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, #050e0d is the darkest color, while #ffffff is the lightest one.

#050e0d
```
#050e0d rgb(5,14,13)
```
#0b1c1a
```
#0b1c1a rgb(11,28,26)
```
#102a27
```
#102a27 rgb(16,42,39)
```
#153935
```
#153935 rgb(21,57,53)
```
#1b4742
```
#1b4742 rgb(27,71,66)
```
#20554f
```
#20554f rgb(32,85,79)
```
#25635c
```
#25635c rgb(37,99,92)
```
#2b726a
```
#2b726a rgb(43,114,106)
```
#308077
```
#308077 rgb(48,128,119)
```
#358e84
```
#358e84 rgb(53,142,132)
```
#3b9d92
```
#3b9d92 rgb(59,157,146)
```
#40ab9f
```
#40ab9f rgb(64,171,159)
```
#45b9ac
```
#45b9ac rgb(69,185,172)
```

Shade Color Variation

#53bfb3
```
#53bfb3 rgb(83,191,179)
```
#62c4b9
```
#62c4b9 rgb(98,196,185)
```
#70c9bf
```
#70c9bf rgb(112,201,191)
```
#7ecfc6
```
#7ecfc6 rgb(126,207,198)
```
#8cd4cc
```
#8cd4cc rgb(140,212,204)
```
#9bd9d2
```
#9bd9d2 rgb(155,217,210)
```
#a9dfd9
```
#a9dfd9 rgb(169,223,217)
```
#b7e4df
```
#b7e4df rgb(183,228,223)
```
#c6e9e5
```
#c6e9e5 rgb(198,233,229)
```
#d4efec
```
#d4efec rgb(212,239,236)
```
#e2f4f2
```
#e2f4f2 rgb(226,244,242)
```
#f0faf8
```
#f0faf8 rgb(240,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525e5d is the less saturated color, while #01af9c is the most saturated one.

#525e5d
```
#525e5d rgb(82,94,93)
```
#4b6562
```
#4b6562 rgb(75,101,98)
```
#446c67
```
#446c67 rgb(68,108,103)
```
#3e726d
```
#3e726d rgb(62,114,109)
```
#377972
```
#377972 rgb(55,121,114)
```
#308077
```
#308077 rgb(48,128,119)
```
#29877c
```
#29877c rgb(41,135,124)
```
#228e81
```
#228e81 rgb(34,142,129)
```
#1c9487
```
#1c9487 rgb(28,148,135)
```
#159b8c
```
#159b8c rgb(21,155,140)
```
#0ea291
```
#0ea291 rgb(14,162,145)
```
#07a996
```
#07a996 rgb(7,169,150)
```
#01af9c
```
#01af9c rgb(1,175,156)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7a77 Protanopia 1% of men
#827783 Deuteranopia 1% of men
#42848d Tritanopia 0.001% of the population

Trichromacy

#617c77 Protanomaly 1% of men, 0.01% of women
#647a7e Deuteranomaly 6% of men, 0.4% of women
#3b8285 Tritanomaly 0.01% of the population

#308077 hex color

#308077 Color Information

#308077 Color Conversion

Color Schemes with #308077

Alternatives to #308077

#308077 Preview

Shades and Tints of #308077

Tones of #308077

Color Blindness Simulator