#308b75 hex color

In a RGB color space, hex #308b75 is composed of 18.8% red, 54.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 0% magenta, 15.8% yellow and 45.5% black. It has a hue angle of 165.5 degrees, a saturation of 48.7% and a lightness of 36.7%. #308b75 color hex could be obtained by blending #60ffea with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 55
- B 46
RGB color chart
- C 65
- M 0
- Y 16
- K 45
CMYK color chart

● #308b75 color description : Dark moderate cyan.

The hexadecimal color #308b75 has RGB values of R:48, G:139, B:117 and CMYK values of C:0.65, M:0, Y:0.16, K:0.45. Its decimal value is 3181429.

Hex triplet	308b75	`#308b75`
RGB Decimal	48, 139, 117	`rgb(48,139,117)`
RGB Percent	18.8, 54.5, 45.9	`rgb(18.8%,54.5%,45.9%)`
CMYK	65, 0, 16, 45
HSL	165.5°, 48.7, 36.7	`hsl(165.5,48.7%,36.7%)`
HSV (or HSB)	165.5°, 65.5, 54.5
Web Safe	339966	`#339966`

CIE-LAB	52.261, -32.315, 3.922
XYZ	13.661, 20.377, 20.042
xyY	0.253, 0.377, 20.377
CIE-LCH	52.261, 32.552, 173.08
CIE-LUV	52.261, -36.567, 10.181
Hunter-Lab	45.141, -24.975, 5.275
Binary	00110000, 10001011, 01110101

#308b75
```
#308b75 rgb(48,139,117)
```
#8b3046
```
#8b3046 rgb(139,48,70)
```

Complementary Color

#308b48
```
#308b48 rgb(48,139,72)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#30748b
```
#30748b rgb(48,116,139)
```

Analogous Color

#8b4830
```
#8b4830 rgb(139,72,48)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#8b3074
```
#8b3074 rgb(139,48,116)
```

Split Complementary Color

#8b7530
```
#8b7530 rgb(139,117,48)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#75308b
```
#75308b rgb(117,48,139)
```

Triadic Color

#468b30
```
#468b30 rgb(70,139,48)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#75308b
```
#75308b rgb(117,48,139)
```
#8b3046
```
#8b3046 rgb(139,48,70)
```

Tetradic Color

#1c5245
```
#1c5245 rgb(28,82,69)
```
#236555
```
#236555 rgb(35,101,85)
```
#297865
```
#297865 rgb(41,120,101)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#379e85
```
#379e85 rgb(55,158,133)
```
#3db195
```
#3db195 rgb(61,177,149)
```
#48c0a3
```
#48c0a3 rgb(72,192,163)
```

Monochromatic Color

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

#308b5e
```
#308b5e rgb(48,139,94)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#308b6d
```
#308b6d rgb(48,139,109)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#308b7d
```
#308b7d rgb(48,139,125)
```
#308b84
```
#308b84 rgb(48,139,132)
```
#308a8b
```
#308a8b rgb(48,138,139)
```

Similar Colors

Text with hexadecimal color #308b75

This text has a font color of #308b75.

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

#308b75 background color

This paragraph has a background color of #308b75.

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

#308b75 border color

This element has a border color of #308b75.

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

CSS codes

.text {color:#308b75;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#081613
```
#081613 rgb(8,22,19)
```
#0d251f
```
#0d251f rgb(13,37,31)
```
#12342b
```
#12342b rgb(18,52,43)
```
#174238
```
#174238 rgb(23,66,56)
```
#1c5144
```
#1c5144 rgb(28,81,68)
```
#215f50
```
#215f50 rgb(33,95,80)
```
#266e5c
```
#266e5c rgb(38,110,92)
```
#2b7c69
```
#2b7c69 rgb(43,124,105)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#359a81
```
#359a81 rgb(53,154,129)
```
#3aa88e
```
#3aa88e rgb(58,168,142)
```
#3fb79a
```
#3fb79a rgb(63,183,154)
```

Shade Color Variation

#49c0a3
```
#49c0a3 rgb(73,192,163)
```
#58c5ab
```
#58c5ab rgb(88,197,171)
```
#66cab2
```
#66cab2 rgb(102,202,178)
```
#75cfb9
```
#75cfb9 rgb(117,207,185)
```
#84d4c1
```
#84d4c1 rgb(132,212,193)
```
#92d9c8
```
#92d9c8 rgb(146,217,200)
```
#a1ded0
```
#a1ded0 rgb(161,222,208)
```
#afe3d7
```
#afe3d7 rgb(175,227,215)
```
#bee9de
```
#bee9de rgb(190,233,222)
```
#cceee6
```
#cceee6 rgb(204,238,230)
```
#dbf3ed
```
#dbf3ed rgb(219,243,237)
```
#eaf8f4
```
#eaf8f4 rgb(234,248,244)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#5b605f
```
#5b605f rgb(91,96,95)
```
#546762
```
#546762 rgb(84,103,98)
```
#4d6e66
```
#4d6e66 rgb(77,110,102)
```
#46756a
```
#46756a rgb(70,117,106)
```
#3e7d6e
```
#3e7d6e rgb(62,125,110)
```
#378471
```
#378471 rgb(55,132,113)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#299279
```
#299279 rgb(41,146,121)
```
#22997c
```
#22997c rgb(34,153,124)
```
#1aa180
```
#1aa180 rgb(26,161,128)
```
#13a884
```
#13a884 rgb(19,168,132)
```
#0caf88
```
#0caf88 rgb(12,175,136)
```
#05b68b
```
#05b68b rgb(5,182,139)
```

Tone Color Variation

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

Dichromacy

#898375 Protanopia 1% of men
#8f7f82 Deuteranopia 1% of men
#488d97 Tritanopia 0.001% of the population

Trichromacy

#688575 Protanomaly 1% of men, 0.01% of women
#6d837d Deuteranomaly 6% of men, 0.4% of women
#3f8c8a Tritanomaly 0.01% of the population

#308b75 hex color

#308b75 Color Information

#308b75 Color Conversion

Color Schemes with #308b75

Alternatives to #308b75

#308b75 Preview

Shades and Tints of #308b75

Tones of #308b75

Color Blindness Simulator