#308b8e hex color

In a RGB color space, hex #308b8e is composed of 18.8% red, 54.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 2.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 181.9 degrees, a saturation of 49.5% and a lightness of 37.3%. #308b8e color hex could be obtained by blending #60ffff with #00171d. Closest websafe color is: #339999.

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

● #308b8e color description : Dark moderate cyan.

The hexadecimal color #308b8e has RGB values of R:48, G:139, B:142 and CMYK values of C:0.66, M:0.02, Y:0, K:0.44. Its decimal value is 3181454.

Hex triplet	308b8e	`#308b8e`
RGB Decimal	48, 139, 142	`rgb(48,139,142)`
RGB Percent	18.8, 54.5, 55.7	`rgb(18.8%,54.5%,55.7%)`
CMYK	66, 2, 0, 44
HSL	181.9°, 49.5, 37.3	`hsl(181.9,49.5%,37.3%)`
HSV (or HSB)	181.9°, 66.2, 55.7
Web Safe	339999	`#339999`

CIE-LAB	52.999, -25.226, -9.484
XYZ	15.333, 21.045, 28.844
xyY	0.235, 0.323, 21.045
CIE-LCH	52.999, 26.95, 200.605
CIE-LUV	52.999, -35.108, -10.137
Hunter-Lab	45.875, -20.623, -5.166
Binary	00110000, 10001011, 10001110

#308b8e
```
#308b8e rgb(48,139,142)
```
#8e3330
```
#8e3330 rgb(142,51,48)
```

Complementary Color

#308e62
```
#308e62 rgb(48,142,98)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#305c8e
```
#305c8e rgb(48,92,142)
```

Analogous Color

#8e6230
```
#8e6230 rgb(142,98,48)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#8e305c
```
#8e305c rgb(142,48,92)
```

Split Complementary Color

#8b8e30
```
#8b8e30 rgb(139,142,48)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#8e308b
```
#8e308b rgb(142,48,139)
```

Triadic Color

#308e33
```
#308e33 rgb(48,142,51)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#8e308b
```
#8e308b rgb(142,48,139)
```
#8e3330
```
#8e3330 rgb(142,51,48)
```

Tetradic Color

#1d5355
```
#1d5355 rgb(29,83,85)
```
#236668
```
#236668 rgb(35,102,104)
```
#2a787b
```
#2a787b rgb(42,120,123)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#369ea1
```
#369ea1 rgb(54,158,161)
```
#3db0b4
```
#3db0b4 rgb(61,176,180)
```
#49bec1
```
#49bec1 rgb(73,190,193)
```

Monochromatic Color

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

#308e7a
```
#308e7a rgb(48,142,122)
```
#308e81
```
#308e81 rgb(48,142,129)
```
#308e89
```
#308e89 rgb(48,142,137)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#30838e
```
#30838e rgb(48,131,142)
```
#307b8e
```
#307b8e rgb(48,123,142)
```
#30748e
```
#30748e rgb(48,116,142)
```

Similar Colors

Text with hexadecimal color #308b8e

This text has a font color of #308b8e.

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

#308b8e background color

This paragraph has a background color of #308b8e.

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

#308b8e border color

This element has a border color of #308b8e.

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

CSS codes

.text {color:#308b8e;}

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

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

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, #030a0a is the darkest color, while #fafdfd is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#081819
```
#081819 rgb(8,24,25)
```
#0d2727
```
#0d2727 rgb(13,39,39)
```
#123536
```
#123536 rgb(18,53,54)
```
#174345
```
#174345 rgb(23,67,69)
```
#1c5253
```
#1c5253 rgb(28,82,83)
```
#216062
```
#216062 rgb(33,96,98)
```
#266e71
```
#266e71 rgb(38,110,113)
```
#2b7d7f
```
#2b7d7f rgb(43,125,127)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#35999d
```
#35999d rgb(53,153,157)
```
#3aa8ab
```
#3aa8ab rgb(58,168,171)
```
#3fb6ba
```
#3fb6ba rgb(63,182,186)
```

Shade Color Variation

#4abec2
```
#4abec2 rgb(74,190,194)
```
#59c3c7
```
#59c3c7 rgb(89,195,199)
```
#68c9cc
```
#68c9cc rgb(104,201,204)
```
#76ced1
```
#76ced1 rgb(118,206,209)
```
#85d3d6
```
#85d3d6 rgb(133,211,214)
```
#94d8db
```
#94d8db rgb(148,216,219)
```
#a2dee0
```
#a2dee0 rgb(162,222,224)
```
#b1e3e5
```
#b1e3e5 rgb(177,227,229)
```
#c0e8ea
```
#c0e8ea rgb(192,232,234)
```
#ceeeef
```
#ceeeef rgb(206,238,239)
```
#ddf3f4
```
#ddf3f4 rgb(221,243,244)
```
#ecf8f8
```
#ecf8f8 rgb(236,248,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#5c6262
```
#5c6262 rgb(92,98,98)
```
#556969
```
#556969 rgb(85,105,105)
```
#4d7071
```
#4d7071 rgb(77,112,113)
```
#467678
```
#467678 rgb(70,118,120)
```
#3f7d7f
```
#3f7d7f rgb(63,125,127)
```
#378487
```
#378487 rgb(55,132,135)
```
#308b8e
```
#308b8e rgb(48,139,142)
```
#299295
```
#299295 rgb(41,146,149)
```
#21999d
```
#21999d rgb(33,153,157)
```
#1aa0a4
```
#1aa0a4 rgb(26,160,164)
```
#13a6ab
```
#13a6ab rgb(19,166,171)
```
#0badb3
```
#0badb3 rgb(11,173,179)
```
#04b4ba
```
#04b4ba rgb(4,180,186)
```

Tone Color Variation

Below, you can see how #308b8e 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
#637576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85848c Protanopia 1% of men
#878299 Deuteranopia 1% of men
#3e8f9a Tritanopia 0.001% of the population

Trichromacy

#66868d Protanomaly 1% of men, 0.01% of women
#678595 Deuteranomaly 6% of men, 0.4% of women
#398e95 Tritanomaly 0.01% of the population

#308b8e hex color

#308b8e Color Information

#308b8e Color Conversion

Color Schemes with #308b8e

Alternatives to #308b8e

#308b8e Preview

Shades and Tints of #308b8e

Tones of #308b8e

Color Blindness Simulator