#308c89 hex color

In a RGB color space, hex #308c89 is composed of 18.8% red, 54.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 2.1% yellow and 45.1% black. It has a hue angle of 178 degrees, a saturation of 48.9% and a lightness of 36.9%. #308c89 color hex could be obtained by blending #60ffff with #001913. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 55
- B 54
RGB color chart
- C 66
- M 0
- Y 2
- K 45
CMYK color chart

● #308c89 color description : Dark moderate cyan.

The hexadecimal color #308c89 has RGB values of R:48, G:140, B:137 and CMYK values of C:0.66, M:0, Y:0.02, K:0.45. Its decimal value is 3181705.

Hex triplet	308c89	`#308c89`
RGB Decimal	48, 140, 137	`rgb(48,140,137)`
RGB Percent	18.8, 54.9, 53.7	`rgb(18.8%,54.9%,53.7%)`
CMYK	66, 0, 2, 45
HSL	178°, 48.9, 36.9	`hsl(178,48.9%,36.9%)`
HSV (or HSB)	178°, 65.7, 54.9
Web Safe	339999	`#339999`

CIE-LAB	53.156, -27.221, -6.352
XYZ	15.111, 21.189, 26.959
xyY	0.239, 0.335, 21.189
CIE-LCH	53.156, 27.952, 193.136
CIE-LUV	53.156, -35.781, -5.188
Hunter-Lab	46.032, -21.959, -2.502
Binary	00110000, 10001100, 10001001

#308c89
```
#308c89 rgb(48,140,137)
```
#8c3033
```
#8c3033 rgb(140,48,51)
```

Complementary Color

#308c5b
```
#308c5b rgb(48,140,91)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#30618c
```
#30618c rgb(48,97,140)
```

Analogous Color

#8c5b30
```
#8c5b30 rgb(140,91,48)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#8c3061
```
#8c3061 rgb(140,48,97)
```

Split Complementary Color

#8c8930
```
#8c8930 rgb(140,137,48)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#89308c
```
#89308c rgb(137,48,140)
```

Triadic Color

#338c30
```
#338c30 rgb(51,140,48)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#89308c
```
#89308c rgb(137,48,140)
```
#8c3033
```
#8c3033 rgb(140,48,51)
```

Tetradic Color

#1c5351
```
#1c5351 rgb(28,83,81)
```
#236664
```
#236664 rgb(35,102,100)
```
#297976
```
#297976 rgb(41,121,118)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#379f9c
```
#379f9c rgb(55,159,156)
```
#3db2ae
```
#3db2ae rgb(61,178,174)
```
#48c0bc
```
#48c0bc rgb(72,192,188)
```

Monochromatic Color

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

#308c72
```
#308c72 rgb(48,140,114)
```
#308c7a
```
#308c7a rgb(48,140,122)
```
#308c81
```
#308c81 rgb(48,140,129)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#30878c
```
#30878c rgb(48,135,140)
```
#30808c
```
#30808c rgb(48,128,140)
```
#30788c
```
#30788c rgb(48,120,140)
```

Similar Colors

Text with hexadecimal color #308c89

This text has a font color of #308c89.

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

#308c89 background color

This paragraph has a background color of #308c89.

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

#308c89 border color

This element has a border color of #308c89.

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

CSS codes

.text {color:#308c89;}

.background {background-color:#308c89;}

.border {border:1px solid #308c89;}

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

#030908
```
#030908 rgb(3,9,8)
```
#081717
```
#081717 rgb(8,23,23)
```
#0d2625
```
#0d2625 rgb(13,38,37)
```
#123433
```
#123433 rgb(18,52,51)
```
#174342
```
#174342 rgb(23,67,66)
```
#1c5250
```
#1c5250 rgb(28,82,80)
```
#21605e
```
#21605e rgb(33,96,94)
```
#266f6c
```
#266f6c rgb(38,111,108)
```
#2b7d7b
```
#2b7d7b rgb(43,125,123)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#359b97
```
#359b97 rgb(53,155,151)
```
#3aa9a6
```
#3aa9a6 rgb(58,169,166)
```
#3fb8b4
```
#3fb8b4 rgb(63,184,180)
```

Shade Color Variation

#4ac1bd
```
#4ac1bd rgb(74,193,189)
```
#58c6c2
```
#58c6c2 rgb(88,198,194)
```
#67cbc8
```
#67cbc8 rgb(103,203,200)
```
#75d0cd
```
#75d0cd rgb(117,208,205)
```
#84d5d2
```
#84d5d2 rgb(132,213,210)
```
#93dad8
```
#93dad8 rgb(147,218,216)
```
#a1dfdd
```
#a1dfdd rgb(161,223,221)
```
#b0e4e2
```
#b0e4e2 rgb(176,228,226)
```
#bee9e8
```
#bee9e8 rgb(190,233,232)
```
#cdeeed
```
#cdeeed rgb(205,238,237)
```
#dcf3f2
```
#dcf3f2 rgb(220,243,242)
```
#eaf8f7
```
#eaf8f7 rgb(234,248,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#5b6160
```
#5b6160 rgb(91,97,96)
```
#546867
```
#546867 rgb(84,104,103)
```
#4d6f6e
```
#4d6f6e rgb(77,111,110)
```
#467675
```
#467675 rgb(70,118,117)
```
#3e7e7b
```
#3e7e7b rgb(62,126,123)
```
#378582
```
#378582 rgb(55,133,130)
```
#308c89
```
#308c89 rgb(48,140,137)
```
#299390
```
#299390 rgb(41,147,144)
```
#229a97
```
#229a97 rgb(34,154,151)
```
#1aa29d
```
#1aa29d rgb(26,162,157)
```
#13a9a4
```
#13a9a4 rgb(19,169,164)
```
#0cb0ab
```
#0cb0ab rgb(12,176,171)
```
#05b7b2
```
#05b7b2 rgb(5,183,178)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878487 Protanopia 1% of men
#8a8294 Deuteranopia 1% of men
#41909a Tritanopia 0.001% of the population

Trichromacy

#678788 Protanomaly 1% of men, 0.01% of women
#698590 Deuteranomaly 6% of men, 0.4% of women
#3b8e94 Tritanomaly 0.01% of the population

#308c89 hex color

#308c89 Color Information

#308c89 Color Conversion

Color Schemes with #308c89

Alternatives to #308c89

#308c89 Preview

Shades and Tints of #308c89

Tones of #308c89

Color Blindness Simulator