Named color · #ACB75F
Gooseberry Fool
Gooseberry Fool is #ACB75F: rgb(172 183 95), hsl(68 38% 55%), oklch(0.752 0.113 115). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Gooseberry Fool color name →
#ACB75F
oklch(0.752 0.113 115)
Color conversions
- HEX
- #acb75f
- RGB
- rgb(172 183 95)
- HSL
- hsl(68 38% 55%)
- HWB
- hwb(68 37% 28%)
- OKLCH
- oklch(0.752 0.113 115)
- OKLab
- oklab(0.752 -0.048 0.103)
- CIE Lab
- lab(72.11 -13.64 42.95)
- LCH
- lch(72.11 45.06 107.6)
- CMYK
- cmyk(6% 0% 48% 28%)
Tints · Shades · Tones
Tints
- B4BE70
- BCC681
- C4CD91
- CCD4A1
- D4DBB1
- DDE2C0
- E5EAD0
- EEF1E0
- F6F8EF
Shades
- 959F52
- 7F8744
- 697038
- 545A2C
- 404520
- 2D3115
- 1B1E0A
- 0B0C03
- 010200
Tones
- A7B264
- A3AC68
- 9EA76C
- 9AA170
- 959C73
- 919676
- 8D9179
- 888B7C
- 84867E
Color harmonies
Complementary +180°
- ACB75F
Gooseberry Fool
- B4A0EF
≈ Dull Lavender
Analogous -30° +30°
- ACB75F
Gooseberry Fool
- CFA953
≈ Golden Blond
- 7FC281
≈ Rally Green
Triadic +120° +240°
- ACB75F
Gooseberry Fool
- 5EBAEC
≈ Norfolk Sky
- E78FB2
≈ Rosebloom
Split-complementary +150° +210°
- ACB75F
Gooseberry Fool
- 8BADF7
≈ Kitten’s Eye
- D395D6
≈ Somewhere in a Fairytale
Tetradic +90° +180° +270°
- ACB75F
Gooseberry Fool
- 3DC3D1
≈ The Crowd Roars!
- B4A0EF
≈ Dull Lavender
- EE918A
≈ Sweet Pink
Contrast & accessibility
Ag
FailOn white
WCAG 2.16:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.69:1 · APCA Lc 60
Best text color: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--gooseberry-fool: #acb75f;
--gooseberry-fool-rgb: 172 183 95;
--gooseberry-fool-oklch: oklch(0.752 0.113 115);
}
.element {
color: var(--gooseberry-fool);
background-color: hsl(68 38% 55%);
border-color: oklch(0.752 0.113 115);
}Tailwind CSS v4
@theme {
--color-gooseberry-fool: #acb75f;
--color-gooseberry-fool-50: #f2fad6;
--color-gooseberry-fool-100: #e5edc3;
--color-gooseberry-fool-200: #d0dba4;
--color-gooseberry-fool-300: #b3bf7c;
--color-gooseberry-fool-400: #9ca654;
--color-gooseberry-fool-500: #848e27;
--color-gooseberry-fool-600: #707923;
--color-gooseberry-fool-700: #59601c;
--color-gooseberry-fool-800: #434610;
--color-gooseberry-fool-900: #2e310a;
--color-gooseberry-fool-950: #1b1d00;
}SCSS
$gooseberry-fool: #acb75f;
$gooseberry-fool-rgb: 172, 183, 95;
$gooseberry-fool-light: mix(#fff, $gooseberry-fool, 20%);
$gooseberry-fool-dark: mix(#000, $gooseberry-fool, 20%);
.element {
color: $gooseberry-fool;
box-shadow: 0 0 0 2px rgba($gooseberry-fool, 0.35);
}