# #369f8a color: Gossamer

#369f8a is rgb(54, 159, 138) in RGB and oklch(63.697% 0.10044 176.976) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/369f8a

## Formats

| Format | Value |
| --- | --- |
| HEX | #369f8a |
| RGB | rgb(54, 159, 138) |
| HSL | hsl(168, 49.3%, 41.76%) |
| HSB / HSV | hsv(168 66.04% 62.35%) |
| HWB | hwb(168 21.18% 37.65%) |
| CMYK | cmyk(66% 0% 13% 38%) |
| Lab | lab(59.17 -35.14 1.74) |
| LCH | lch(59.17 35.18 177.17) |
| OKLab | oklab(63.697% -0.1003 0.0053) |
| OKLCH | oklch(63.697% 0.10044 176.976) |
| Display P3 | color(display-p3 0.3352 0.61507 0.54409) |
| Rec. 2020 | color(rec2020 0.36645 0.56293 0.49898) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.54005) |
| ProPhoto RGB | color(prophoto-rgb 0.37331 0.52508 0.47452) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.25415) |
| XYZ D65 | color(xyz-d65 0.18506 0.27414 0.28362) |
| XYZ D50 | color(xyz-d50 0.18598 0.27216 0.21566) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.541) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFF369F8A) |
| Android XML | #369F8A |

## 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.24:1
- Contrast with black: 6.48:1

## Tints

#369f8a, #50a995, #67b2a0, #7bbcac, #8fc5b7, #a2cfc3, #b5d8cf, #c7e2db, #daece7, #ecf5f3

## Shades

#369f8a, #2e8a77, #257565, #1e6153, #164d42, #0f3b32, #082922, #031814, #010907, #000101

## Tones

#369f8a, #449d8a, #509b8a, #5a9a8a, #62988a, #6a968b, #72948b, #79928b, #7f8f8b, #858d8b

## Harmonies

- Complementary: #369f8a, #bc718c
- Split: #369f8a, #ac75ab, #c1726a
- Analogous: #369f8a, #609c67, #269caa
- Triadic: #369f8a, #927ec1, #b97b4b
- Tetradic: #369f8a, #4894c0, #bc718c, #b97b4b
- Square: #369f8a, #7089c9, #bc718c, #a6873c
- Monochromatic: #369f8a, #005746, #007a67, #61c5af, #89edd5

## Questions about #369f8a

### What color is #369f8a?

#369f8a is bright teal. The closest named color is Gossamer. In RGB it is rgb(54, 159, 138), in HSL hsl(168, 49.3%, 41.76%) and in OKLCH oklch(63.697% 0.10044 176.976).

### What colors go well with #369f8a?

The complementary color of #369f8a is #bc718c. For a calmer combination use the analogous colors #609c67 and #269caa. The triadic partners are #927ec1 and #b97b4b.

### Is white or black text more readable on #369f8a?

Black text reads better on #369f8a: white gives a contrast ratio of 3.24:1 and black gives 6.48:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #369f8a a warm or cool color?

#369f8a is a cool color. In OKLCH its hue is 177 degrees, its lightness 63.7% and its chroma 0.1.