# #63a685 color: Plumosa

#63a685 is rgb(99, 166, 133) in RGB and oklch(67.087% 0.08498 161.515) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/63a685

## Formats

| Format | Value |
| --- | --- |
| HEX | #63a685 |
| RGB | rgb(99, 166, 133) |
| HSL | hsl(150.45, 27.35%, 51.96%) |
| HSB / HSV | hsv(150.45 40.36% 65.1%) |
| HWB | hwb(150.45 38.82% 34.9%) |
| CMYK | cmyk(40% 0% 20% 35%) |
| Lab | lab(62.96 -28.09 10.15) |
| LCH | lch(62.96 29.87 160.14) |
| OKLab | oklab(67.087% -0.0806 0.02694) |
| OKLCH | oklch(67.087% 0.08498 161.515) |
| Display P3 | color(display-p3 0.4496 0.64437 0.53044) |
| Rec. 2020 | color(rec2020 0.45 0.59652 0.48519) |
| Adobe RGB | color(a98-rgb 0.47868 0.64508 0.5232) |
| ProPhoto RGB | color(prophoto-rgb 0.43652 0.55982 0.4629) |
| Linear sRGB | color(srgb-linear 0.12477 0.38133 0.23455) |
| XYZ D65 | color(xyz-d65 0.23014 0.31618 0.27081) |
| XYZ D50 | color(xyz-d50 0.23484 0.31535 0.20625) |
| SwiftUI | Color(red: 0.388, green: 0.651, blue: 0.522) |
| UIKit | UIColor(red: 0.388, green: 0.651, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF63A685) |
| Android XML | #63A685 |

## Facts

- Closest name: Plumosa
- Hue family: Emerald, soft emerald
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.87:1
- Contrast with black: 7.32:1

## Tints

#63a685, #73af91, #83b89c, #93c0a8, #a2c9b4, #b2d2c0, #c1dbcd, #d0e4d9, #e0ede6, #eff6f2

## Shades

#63a685, #559073, #477a61, #3a6550, #2e5140, #213e30, #162b21, #0b1a13, #030a06, #000101

## Tones

#63a685, #69a487, #6fa388, #75a18a, #7aa08c, #7f9e8d, #849c8f, #889b91, #8d9992, #919794

## Harmonies

- Complementary: #63a685, #ba81a5
- Split: #63a685, #a787bc, #c48088
- Analogous: #63a685, #83a169, #4ea6a2
- Triadic: #63a685, #8c8fc9, #c3846c
- Tetradic: #63a685, #54a1bb, #ba81a5, #c3846c
- Square: #63a685, #6e99c9, #ba81a5, #b68d59
- Monochromatic: #63a685, #165e41, #3e8162, #88ccaa, #aff4d0

## Questions about #63a685

### What color is #63a685?

#63a685 is soft emerald. The closest named color is Plumosa. In RGB it is rgb(99, 166, 133), in HSL hsl(150.45, 27.35%, 51.96%) and in OKLCH oklch(67.087% 0.08498 161.515).

### What colors go well with #63a685?

The complementary color of #63a685 is #ba81a5. For a calmer combination use the analogous colors #83a169 and #4ea6a2. The triadic partners are #8c8fc9 and #c3846c.

### Is white or black text more readable on #63a685?

Black text reads better on #63a685: white gives a contrast ratio of 2.87:1 and black gives 7.32:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #63a685 a warm or cool color?

#63a685 is a cool color. In OKLCH its hue is 162 degrees, its lightness 67.1% and its chroma 0.085.