# #309d8a color: Gossamer

#309d8a is rgb(48, 157, 138) in RGB and oklch(63.023% 0.10103 178.726) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/309d8a

## Formats

| Format | Value |
| --- | --- |
| HEX | #309d8a |
| RGB | rgb(48, 157, 138) |
| HSL | hsl(169.54, 53.17%, 40.2%) |
| HSB / HSV | hsv(169.54 69.43% 61.57%) |
| HWB | hwb(169.54 18.82% 38.43%) |
| CMYK | cmyk(69% 0% 12% 38%) |
| Lab | lab(58.39 -35.35 0.58) |
| LCH | lch(58.39 35.35 179.06) |
| OKLab | oklab(63.023% -0.10101 0.00225) |
| OKLCH | oklch(63.023% 0.10103 178.726) |
| Display P3 | color(display-p3 0.32118 0.60715 0.5433) |
| Rec. 2020 | color(rec2020 0.35535 0.55434 0.49798) |
| Adobe RGB | color(a98-rgb 0.37723 0.60997 0.53967) |
| ProPhoto RGB | color(prophoto-rgb 0.36464 0.5166 0.47327) |
| Linear sRGB | color(srgb-linear 0.02956 0.33716 0.25415) |
| XYZ D65 | color(xyz-d65 0.17862 0.26576 0.28234) |
| XYZ D50 | color(xyz-d50 0.17911 0.26369 0.21463) |
| SwiftUI | Color(red: 0.188, green: 0.616, blue: 0.541) |
| UIKit | UIColor(red: 0.188, green: 0.616, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFF309D8A) |
| Android XML | #309D8A |

## Facts

- Closest name: Gossamer
- Hue family: Teal, bright teal
- Closest Tailwind class: teal-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.33:1
- Contrast with black: 6.32:1

## Tints

#309d8a, #4ca795, #63b0a0, #78baac, #8cc4b7, #a0cec3, #b3d8cf, #c6e1db, #d9ebe7, #ecf5f3

## Shades

#309d8a, #288877, #217365, #1a5f53, #134c42, #0c3a32, #062822, #031814, #010907, #000101

## Tones

#309d8a, #409b8a, #4c998a, #56988a, #5f968a, #68948a, #6f9289, #769089, #7d8d89, #838b89

## Harmonies

- Complementary: #309d8a, #ba6e88
- Split: #309d8a, #ab73a8, #bf7166
- Analogous: #309d8a, #5b9a67, #229aaa
- Triadic: #309d8a, #917bbe, #b67947
- Tetradic: #309d8a, #4891bf, #ba6e88, #b67947
- Square: #309d8a, #7086c7, #ba6e88, #a28639
- Monochromatic: #309d8a, #005446, #007867, #5cc3af, #84ead5

## Questions about #309d8a

### What color is #309d8a?

#309d8a is bright teal. The closest named color is Gossamer. In RGB it is rgb(48, 157, 138), in HSL hsl(169.54, 53.17%, 40.2%) and in OKLCH oklch(63.023% 0.10103 178.726).

### What colors go well with #309d8a?

The complementary color of #309d8a is #ba6e88. For a calmer combination use the analogous colors #5b9a67 and #229aaa. The triadic partners are #917bbe and #b67947.

### Is white or black text more readable on #309d8a?

White text reads better on #309d8a: white gives a contrast ratio of 3.33:1 and black gives 6.32:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #309d8a a warm or cool color?

#309d8a is a cool color. In OKLCH its hue is 179 degrees, its lightness 63% and its chroma 0.101.