#308a97 hex color

In a RGB color space, hex #308a97 is composed of 18.8% red, 54.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 8.6% magenta, 0% yellow and 40.8% black. It has a hue angle of 187.6 degrees, a saturation of 51.8% and a lightness of 39%. #308a97 color hex could be obtained by blending #60ffff with #00152f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 54
- B 59
RGB color chart
- C 68
- M 9
- Y 0
- K 41
CMYK color chart

● #308a97 color description : Dark moderate cyan.

The hexadecimal color #308a97 has RGB values of R:48, G:138, B:151 and CMYK values of C:0.68, M:0.09, Y:0, K:0.41. Its decimal value is 3181207.

Hex triplet	308a97	`#308a97`
RGB Decimal	48, 138, 151	`rgb(48,138,151)`
RGB Percent	18.8, 54.1, 59.2	`rgb(18.8%,54.1%,59.2%)`
CMYK	68, 9, 0, 41
HSL	187.6°, 51.8, 39	`hsl(187.6,51.8%,39%)`
HSV (or HSB)	187.6°, 68.2, 59.2
Web Safe	339999	`#339999`

CIE-LAB	52.991, -21.924, -14.71
XYZ	15.892, 21.038, 32.5
xyY	0.229, 0.303, 21.038
CIE-LCH	52.991, 26.401, 213.86
CIE-LUV	52.991, -34.206, -18.557
Hunter-Lab	45.868, -18.423, -9.903
Binary	00110000, 10001010, 10010111

#308a97
```
#308a97 rgb(48,138,151)
```
#973d30
```
#973d30 rgb(151,61,48)
```

Complementary Color

#309771
```
#309771 rgb(48,151,113)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#305797
```
#305797 rgb(48,87,151)
```

Analogous Color

#977130
```
#977130 rgb(151,113,48)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#973057
```
#973057 rgb(151,48,87)
```

Split Complementary Color

#8a9730
```
#8a9730 rgb(138,151,48)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#97308a
```
#97308a rgb(151,48,138)
```

Triadic Color

#30973d
```
#30973d rgb(48,151,61)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#97308a
```
#97308a rgb(151,48,138)
```
#973d30
```
#973d30 rgb(151,61,48)
```

Tetradic Color

#1e555d
```
#1e555d rgb(30,85,93)
```
#246770
```
#246770 rgb(36,103,112)
```
#2a7884
```
#2a7884 rgb(42,120,132)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#369caa
```
#369caa rgb(54,156,170)
```
#3cadbe
```
#3cadbe rgb(60,173,190)
```
#4db7c6
```
#4db7c6 rgb(77,183,198)
```

Monochromatic Color

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

#30978a
```
#30978a rgb(48,151,138)
```
#309793
```
#309793 rgb(48,151,147)
```
#309397
```
#309397 rgb(48,147,151)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#308197
```
#308197 rgb(48,129,151)
```
#307997
```
#307997 rgb(48,121,151)
```
#307097
```
#307097 rgb(48,112,151)
```

Similar Colors

Text with hexadecimal color #308a97

This text has a font color of #308a97.

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

#308a97 background color

This paragraph has a background color of #308a97.

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

#308a97 border color

This element has a border color of #308a97.

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

CSS codes

.text {color:#308a97;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051011
```
#051011 rgb(5,16,17)
```
#0a1d20
```
#0a1d20 rgb(10,29,32)
```
#0f2b2f
```
#0f2b2f rgb(15,43,47)
```
#14383e
```
#14383e rgb(20,56,62)
```
#18464d
```
#18464d rgb(24,70,77)
```
#1d545b
```
#1d545b rgb(29,84,91)
```
#22616a
```
#22616a rgb(34,97,106)
```
#276f79
```
#276f79 rgb(39,111,121)
```
#2b7c88
```
#2b7c88 rgb(43,124,136)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#3598a6
```
#3598a6 rgb(53,152,166)
```
#39a5b5
```
#39a5b5 rgb(57,165,181)
```

Shade Color Variation

#40b2c2
```
#40b2c2 rgb(64,178,194)
```
#4fb8c7
```
#4fb8c7 rgb(79,184,199)
```
#5dbecc
```
#5dbecc rgb(93,190,204)
```
#6cc4d0
```
#6cc4d0 rgb(108,196,208)
```
#7bcad5
```
#7bcad5 rgb(123,202,213)
```
#8ad0da
```
#8ad0da rgb(138,208,218)
```
#99d6df
```
#99d6df rgb(153,214,223)
```
#a8dce3
```
#a8dce3 rgb(168,220,227)
```
#b7e2e8
```
#b7e2e8 rgb(183,226,232)
```
#c6e8ed
```
#c6e8ed rgb(198,232,237)
```
#d5eef1
```
#d5eef1 rgb(213,238,241)
```
#e3f4f6
```
#e3f4f6 rgb(227,244,246)
```
#f2fafb
```
#f2fafb rgb(242,250,251)
```

Tint Color Variation

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

#5e6869
```
#5e6869 rgb(94,104,105)
```
#566d71
```
#566d71 rgb(86,109,113)
```
#4f7378
```
#4f7378 rgb(79,115,120)
```
#477980
```
#477980 rgb(71,121,128)
```
#3f7f88
```
#3f7f88 rgb(63,127,136)
```
#38848f
```
#38848f rgb(56,132,143)
```
#308a97
```
#308a97 rgb(48,138,151)
```
#28909f
```
#28909f rgb(40,144,159)
```
#2195a6
```
#2195a6 rgb(33,149,166)
```
#199bae
```
#199bae rgb(25,155,174)
```
#11a1b6
```
#11a1b6 rgb(17,161,182)
```
#0aa7bd
```
#0aa7bd rgb(10,167,189)
```
#02acc5
```
#02acc5 rgb(2,172,197)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#647679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828495 Protanopia 1% of men
#8282a1 Deuteranopia 1% of men
#39909a Tritanopia 0.001% of the population

Trichromacy

#648695 Protanomaly 1% of men, 0.01% of women
#64859d Deuteranomaly 6% of men, 0.4% of women
#368e99 Tritanomaly 0.01% of the population

#308a97 hex color

#308a97 Color Information

#308a97 Color Conversion

Color Schemes with #308a97

Alternatives to #308a97

#308a97 Preview

Shades and Tints of #308a97

Tones of #308a97

Color Blindness Simulator