#308a95 hex color

In a RGB color space, hex #308a95 is composed of 18.8% red, 54.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 7.4% magenta, 0% yellow and 41.6% black. It has a hue angle of 186.5 degrees, a saturation of 51.3% and a lightness of 38.6%. #308a95 color hex could be obtained by blending #60ffff with #00152b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 54
- B 58
RGB color chart
- C 68
- M 7
- Y 0
- K 42
CMYK color chart

● #308a95 color description : Dark moderate cyan.

The hexadecimal color #308a95 has RGB values of R:48, G:138, B:149 and CMYK values of C:0.68, M:0.07, Y:0, K:0.42. Its decimal value is 3181205.

Hex triplet	308a95	`#308a95`
RGB Decimal	48, 138, 149	`rgb(48,138,149)`
RGB Percent	18.8, 54.1, 58.4	`rgb(18.8%,54.1%,58.4%)`
CMYK	68, 7, 0, 42
HSL	186.5°, 51.3, 38.6	`hsl(186.5,51.3%,38.6%)`
HSV (or HSB)	186.5°, 67.8, 58.4
Web Safe	339999	`#339999`

CIE-LAB	52.921, -22.554, -13.658
XYZ	15.731, 20.974, 31.651
xyY	0.23, 0.307, 20.974
CIE-LCH	52.921, 26.367, 211.198
CIE-LUV	52.921, -34.322, -16.848
Hunter-Lab	45.797, -18.833, -8.918
Binary	00110000, 10001010, 10010101

#308a95
```
#308a95 rgb(48,138,149)
```
#953b30
```
#953b30 rgb(149,59,48)
```

Complementary Color

#30956e
```
#30956e rgb(48,149,110)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#305895
```
#305895 rgb(48,88,149)
```

Analogous Color

#956e30
```
#956e30 rgb(149,110,48)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#953058
```
#953058 rgb(149,48,88)
```

Split Complementary Color

#8a9530
```
#8a9530 rgb(138,149,48)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#95308a
```
#95308a rgb(149,48,138)
```

Triadic Color

#30953b
```
#30953b rgb(48,149,59)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#95308a
```
#95308a rgb(149,48,138)
```
#953b30
```
#953b30 rgb(149,59,48)
```

Tetradic Color

#1d545b
```
#1d545b rgb(29,84,91)
```
#24666e
```
#24666e rgb(36,102,110)
```
#2a7882
```
#2a7882 rgb(42,120,130)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#369ca8
```
#369ca8 rgb(54,156,168)
```
#3caebc
```
#3caebc rgb(60,174,188)
```
#4cb8c5
```
#4cb8c5 rgb(76,184,197)
```

Monochromatic Color

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

#309587
```
#309587 rgb(48,149,135)
```
#30958f
```
#30958f rgb(48,149,143)
```
#309295
```
#309295 rgb(48,146,149)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#308295
```
#308295 rgb(48,130,149)
```
#307995
```
#307995 rgb(48,121,149)
```
#307195
```
#307195 rgb(48,113,149)
```

Similar Colors

Text with hexadecimal color #308a95

This text has a font color of #308a95.

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

#308a95 background color

This paragraph has a background color of #308a95.

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

#308a95 border color

This element has a border color of #308a95.

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

CSS codes

.text {color:#308a95;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050e0f
```
#050e0f rgb(5,14,15)
```
#0a1c1e
```
#0a1c1e rgb(10,28,30)
```
#0f2a2d
```
#0f2a2d rgb(15,42,45)
```
#13383c
```
#13383c rgb(19,56,60)
```
#18454b
```
#18454b rgb(24,69,75)
```
#1d535a
```
#1d535a rgb(29,83,90)
```
#226168
```
#226168 rgb(34,97,104)
```
#266f77
```
#266f77 rgb(38,111,119)
```
#2b7c86
```
#2b7c86 rgb(43,124,134)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#3598a4
```
#3598a4 rgb(53,152,164)
```
#3aa5b3
```
#3aa5b3 rgb(58,165,179)
```

Shade Color Variation

#3fb3c1
```
#3fb3c1 rgb(63,179,193)
```
#4eb9c6
```
#4eb9c6 rgb(78,185,198)
```
#5cbfcb
```
#5cbfcb rgb(92,191,203)
```
#6bc5cf
```
#6bc5cf rgb(107,197,207)
```
#7acad4
```
#7acad4 rgb(122,202,212)
```
#89d0d9
```
#89d0d9 rgb(137,208,217)
```
#98d6de
```
#98d6de rgb(152,214,222)
```
#a7dce3
```
#a7dce3 rgb(167,220,227)
```
#b5e2e7
```
#b5e2e7 rgb(181,226,231)
```
#c4e8ec
```
#c4e8ec rgb(196,232,236)
```
#d3eef1
```
#d3eef1 rgb(211,238,241)
```
#e2f4f6
```
#e2f4f6 rgb(226,244,246)
```
#f1f9fa
```
#f1f9fa rgb(241,249,250)
```

Tint Color Variation

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

#5d6668
```
#5d6668 rgb(93,102,104)
```
#566c6f
```
#566c6f rgb(86,108,111)
```
#4e7277
```
#4e7277 rgb(78,114,119)
```
#47787e
```
#47787e rgb(71,120,126)
```
#3f7e86
```
#3f7e86 rgb(63,126,134)
```
#38848d
```
#38848d rgb(56,132,141)
```
#308a95
```
#308a95 rgb(48,138,149)
```
#28909d
```
#28909d rgb(40,144,157)
```
#2196a4
```
#2196a4 rgb(33,150,164)
```
#199cac
```
#199cac rgb(25,156,172)
```
#12a2b3
```
#12a2b3 rgb(18,162,179)
```
#0aa8bb
```
#0aa8bb rgb(10,168,187)
```
#03aec2
```
#03aec2 rgb(3,174,194)
```

Tone Color Variation

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

Dichromacy

#828493 Protanopia 1% of men
#83829f Deuteranopia 1% of men
#3a909a Tritanopia 0.001% of the population

Trichromacy

#648693 Protanomaly 1% of men, 0.01% of women
#64859b Deuteranomaly 6% of men, 0.4% of women
#368d98 Tritanomaly 0.01% of the population

#308a95 hex color

#308a95 Color Information

#308a95 Color Conversion

Color Schemes with #308a95

Alternatives to #308a95

#308a95 Preview

Shades and Tints of #308a95

Tones of #308a95

Color Blindness Simulator