Named color · #B9B7A0
Court Green
Court Green is #B9B7A0: rgb(185 183 160), hsl(55 15% 68%), oklch(0.775 0.032 103). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Court Green color name →
#B9B7A0
oklch(0.775 0.032 103)
Color conversions
- HEX
- #b9b7a0
- RGB
- rgb(185 183 160)
- HSL
- hsl(55 15% 68%)
- HWB
- hwb(55 63% 27%)
- OKLCH
- oklch(0.775 0.032 103)
- OKLab
- oklab(0.775 -0.007 0.031)
- CIE Lab
- lab(74.11 -2.23 12.02)
- LCH
- lch(74.11 12.22 100.5)
- CMYK
- cmyk(0% 1% 14% 27%)
Tints · Shades · Tones
Tints
- C0BEA9
- C7C5B3
- CECCBC
- D4D3C5
- DBDBCF
- E2E2D8
- EAE9E2
- F1F0EC
- F8F8F5
Shades
- A09F8B
- 898776
- 717061
- 5B5A4E
- 46453B
- 313129
- 1E1E19
- 0D0C09
- 020201
Tones
- B3B19D
- ADAC9A
- A7A696
- A2A193
- 9C9B90
- 96968D
- 91908A
- 8B8B86
- 868583
Color harmonies
Complementary +180°
- B9B7A0
Court Green
- B2B4CA
≈ Soul Sister
Analogous -30° +30°
- B9B7A0
Court Green
- C3B3A0
≈ Canyon View
- AEBAA6
≈ Matt Sage
Triadic +120° +240°
- B9B7A0
Court Green
- A1BBC5
≈ French Moire
- C5AEBB
≈ Desireé
Split-complementary +150° +210°
- B9B7A0
Court Green
- A8B7CA
≈ Uniform
- BDB0C5
≈ Almost Plum
Tetradic +90° +180° +270°
- B9B7A0
Court Green
- 9FBDBB
≈ Festoon Aqua
- B2B4CA
≈ Soul Sister
- C9AEB0
≈ Burnished Lilac
Contrast & accessibility
Ag
FailOn white
WCAG 2.03:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.34:1 · APCA Lc 63
Best text color: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--court-green: #b9b7a0;
--court-green-rgb: 185 183 160;
--court-green-oklch: oklch(0.775 0.032 103);
}
.element {
color: var(--court-green);
background-color: hsl(55 15% 68%);
border-color: oklch(0.775 0.032 103);
}Tailwind CSS v4
@theme {
--color-court-green: #b9b7a0;
--color-court-green-50: #f6f6ec;
--color-court-green-100: #e9e9dd;
--color-court-green-200: #d6d5c6;
--color-court-green-300: #b9b9a6;
--color-court-green-400: #a1a08a;
--color-court-green-500: #8a876f;
--color-court-green-600: #74735e;
--color-court-green-700: #5d5c4b;
--color-court-green-800: #454336;
--color-court-green-900: #2f2e25;
--color-court-green-950: #1c1b14;
}SCSS
$court-green: #b9b7a0;
$court-green-rgb: 185, 183, 160;
$court-green-light: mix(#fff, $court-green, 20%);
$court-green-dark: mix(#000, $court-green, 20%);
.element {
color: $court-green;
box-shadow: 0 0 0 2px rgba($court-green, 0.35);
}