# #557663 color: Brookside

#557663 is rgb(85, 118, 99) in RGB and oklch(53.464% 0.04823 159) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/557663

## Formats

| Format | Value |
| --- | --- |
| HEX | #557663 |
| RGB | rgb(85, 118, 99) |
| HSL | hsl(145.45, 16.26%, 39.8%) |
| HSB / HSV | hsv(145.45 27.97% 46.27%) |
| HWB | hwb(145.45 33.33% 53.73%) |
| CMYK | cmyk(28% 0% 16% 54%) |
| Lab | lab(46.66 -15.55 6.51) |
| LCH | lch(46.66 16.86 157.29) |
| OKLab | oklab(53.464% -0.04503 0.01728) |
| OKLCH | oklch(53.464% 0.04823 159) |
| Display P3 | color(display-p3 0.36055 0.45916 0.39338) |
| Rec. 2020 | color(rec2020 0.32734 0.40152 0.33838) |
| Adobe RGB | color(a98-rgb 0.37633 0.45988 0.39142) |
| ProPhoto RGB | color(prophoto-rgb 0.31558 0.3745 0.32306) |
| Linear sRGB | color(srgb-linear 0.09084 0.18116 0.12477) |
| XYZ D65 | color(xyz-d65 0.12476 0.15789 0.14195) |
| XYZ D50 | color(xyz-d50 0.12724 0.15765 0.10795) |
| SwiftUI | Color(red: 0.333, green: 0.463, blue: 0.388) |
| UIKit | UIColor(red: 0.333, green: 0.463, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF557663) |
| Android XML | #557663 |

## Facts

- Closest name: Brookside
- Hue family: Emerald, dusty emerald
- Closest Tailwind class: mist-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.05:1
- Contrast with black: 4.16:1

## Tints

#557663, #658371, #759080, #869d8f, #96ab9e, #a7b8ae, #b8c6be, #cad4ce, #dbe2de, #edf1ee

## Shades

#557663, #496655, #3d5647, #31473a, #26382e, #1c2921, #111c16, #080f0b, #020503, #000100

## Tones

#557663, #587564, #5a7465, #5d7366, #5f7367, #627268, #647169, #66706a, #696f6b, #6b6e6c

## Harmonies

- Complementary: #557663, #806276
- Split: #557663, #756683, #866267
- Analogous: #557663, #647355, #4b7673
- Triadic: #557663, #676b89, #866459
- Tetradic: #557663, #4c7480, #806276, #866459
- Square: #557663, #577088, #806276, #80684f
- Monochromatic: #557663, #143424, #345442, #789a86, #9cc0ab

## Questions about #557663

### What color is #557663?

#557663 is dusty emerald. The closest named color is Brookside. In RGB it is rgb(85, 118, 99), in HSL hsl(145.45, 16.26%, 39.8%) and in OKLCH oklch(53.464% 0.04823 159).

### What colors go well with #557663?

The complementary color of #557663 is #806276. For a calmer combination use the analogous colors #647355 and #4b7673. The triadic partners are #676b89 and #866459.

### Is white or black text more readable on #557663?

White text reads better on #557663: white gives a contrast ratio of 5.05:1 and black gives 4.16:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #557663 a warm or cool color?

#557663 is a cool color. In OKLCH its hue is 159 degrees, its lightness 53.5% and its chroma 0.048.