# #369f85 color: Gossamer

#369f85 is rgb(54, 159, 133) in RGB and oklch(63.548% 0.10343 173.203) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369f85 |
| RGB | rgb(54, 159, 133) |
| HSL | hsl(165.14, 49.3%, 41.76%) |
| HSB / HSV | hsv(165.14 66.04% 62.35%) |
| HWB | hwb(165.14 21.18% 37.65%) |
| CMYK | cmyk(66% 0% 16% 38%) |
| Lab | lab(59.06 -36.13 4.38) |
| LCH | lch(59.06 36.39 173.09) |
| OKLab | oklab(63.548% -0.1027 0.01224) |
| OKLCH | oklch(63.548% 0.10343 173.203) |
| Display P3 | color(display-p3 0.3352 0.61507 0.5264) |
| Rec. 2020 | color(rec2020 0.36525 0.56273 0.48036) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.52178) |
| ProPhoto RGB | color(prophoto-rgb 0.36993 0.52457 0.45716) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.23455) |
| XYZ D65 | color(xyz-d65 0.18152 0.27273 0.26499) |
| XYZ D50 | color(xyz-d50 0.18318 0.27097 0.20166) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.522) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF369F85) |
| Android XML | #369F85 |

## 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.25:1
- Contrast with black: 6.45:1

## Tints

#369f85, #50a991, #66b29c, #7bbca8, #8fc5b4, #a2cfc0, #b4d8cd, #c7e2d9, #daece6, #ecf5f2

## Shades

#369f85, #2e8a73, #257561, #1e6150, #164d40, #0f3b30, #082921, #031813, #010906, #000101

## Tones

#369f85, #449d86, #509b86, #599987, #629787, #6a9588, #719388, #789189, #7f8f8a, #858d8a

## Harmonies

- Complementary: #369f85, #bb7090
- Split: #369f85, #a975af, #c2716d
- Analogous: #369f85, #639b61, #1a9da7
- Triadic: #369f85, #8d7ec4, #bc784c
- Tetradic: #369f85, #3f95bf, #bb7090, #bc784c
- Square: #369f85, #6a8aca, #bb7090, #a98539
- Monochromatic: #369f85, #005642, #007a62, #61c5aa, #89edd0

## Questions about #369f85

### What color is #369f85?

#369f85 is bright teal. The closest named color is Gossamer. In RGB it is rgb(54, 159, 133), in HSL hsl(165.14, 49.3%, 41.76%) and in OKLCH oklch(63.548% 0.10343 173.203).

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

The complementary color of #369f85 is #bb7090. For a calmer combination use the analogous colors #639b61 and #1a9da7. The triadic partners are #8d7ec4 and #bc784c.

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

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

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

#369f85 is a cool color. In OKLCH its hue is 173 degrees, its lightness 63.5% and its chroma 0.103.