Benoemde kleur · #69755C
Willow Grove
Willow Grove is #69755C: rgb(105 117 92), hsl(89 12% 41%), oklch(0.545 0.04 128.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Willow Grove color name →
#69755C
oklch(0.545 0.04 128.6)
Kleurconversies
- HEX
- #69755c
- RGB
- rgb(105 117 92)
- HSL
- hsl(89 12% 41%)
- HWB
- hwb(89 36% 54%)
- OKLCH
- oklch(0.545 0.04 128.6)
- OKLab
- oklab(0.545 -0.025 0.032)
- CIE Lab
- lab(47.68 -8.34 12.27)
- LCH
- lch(47.68 14.84 124.2)
- CMYK
- cmyk(10% 0% 21% 54%)
Tinten · Schaduwen · Tonen
Tinten
- 77826B
- 858F7A
- 939C8A
- A2AA9A
- B1B8AA
- C0C6BB
- D0D4CB
- DFE2DC
- EFF0EE
Schaduwen
- 5A654F
- 4C5542
- 3E4636
- 31372A
- 24291F
- 181C14
- 0C0F0A
- 040503
- 000100
Tonen
- 6B7660
- 6E7763
- 707867
- 72796A
- 747B6E
- 777C72
- 797D75
- 7B7E79
- 7E7F7C
Kleurharmonieën
Complementair +180°
- 69755C
Willow Grove
- 776A83
≈ Amethyst Gem
Analoog -30° +30°
- 69755C
Willow Grove
- 767156
≈ Pine Peak
- 5D7867
≈ Mt Burleigh
Triadisch +120° +240°
- 69755C
Willow Grove
- 5E7387
≈ Lost Atlantis
- 86676B
≈ Mauving Up
Gesplitst complementair +150° +210°
- 69755C
Willow Grove
- 6A6E88
≈ Great Grape
- 806778
≈ Arctic Dusk
Tetradisch +90° +180° +270°
- 69755C
Willow Grove
- 567680
≈ Hampton Surf
- 776A83
≈ Amethyst Gem
- 86685F
≈ Nut Brown
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.88:1 · APCA Lc 74
Ag
FailOp zwart
WCAG 4.29:1 · APCA Lc 28
Beste tekstkleur: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--willow-grove: #69755c;
--willow-grove-rgb: 105 117 92;
--willow-grove-oklch: oklch(0.545 0.04 128.6);
}
.element {
color: var(--willow-grove);
background-color: hsl(89 12% 41%);
border-color: oklch(0.545 0.04 128.6);
}Tailwind CSS v4
@theme {
--color-willow-grove: #69755c;
--color-willow-grove-50: #f1f8ec;
--color-willow-grove-100: #e3ebdd;
--color-willow-grove-200: #ced8c6;
--color-willow-grove-300: #b0bca7;
--color-willow-grove-400: #97a38a;
--color-willow-grove-500: #7e8c6f;
--color-willow-grove-600: #6b765e;
--color-willow-grove-700: #555f4b;
--color-willow-grove-800: #3f4536;
--color-willow-grove-900: #2b3025;
--color-willow-grove-950: #181c14;
}SCSS
$willow-grove: #69755c;
$willow-grove-rgb: 105, 117, 92;
$willow-grove-light: mix(#fff, $willow-grove, 20%);
$willow-grove-dark: mix(#000, $willow-grove, 20%);
.element {
color: $willow-grove;
box-shadow: 0 0 0 2px rgba($willow-grove, 0.35);
}