Benoemde kleur · #EBE6C7
Garden Seat
Garden Seat is #EBE6C7: rgb(235 230 199), hsl(52 47% 85%), oklch(0.921 0.041 99.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Garden Seat color name →
#EBE6C7
oklch(0.921 0.041 99.6)
Kleurconversies
- HEX
- #ebe6c7
- RGB
- rgb(235 230 199)
- HSL
- hsl(52 47% 85%)
- HWB
- hwb(52 78% 8%)
- OKLCH
- oklch(0.921 0.041 99.6)
- OKLab
- oklab(0.921 -0.007 0.041)
- CIE Lab
- lab(91.09 -2.01 15.81)
- LCH
- lch(91.09 15.94 97.3)
- CMYK
- cmyk(0% 2% 15% 8%)
Tinten · Schaduwen · Tonen
Tinten
- EDE9CD
- EFEBD2
- F1EED8
- F3F0DD
- F5F3E3
- F7F5E9
- F9F8EE
- FBFAF4
- FDFDF9
Schaduwen
- CCC8AD
- AEAB93
- 918E7A
- 757362
- 5B594C
- 414036
- 292821
- 13130E
- 030302
Tonen
- E0DBC0
- D5D1B9
- CAC6B1
- BFBCAA
- B4B2A3
- A9A89C
- 9F9D95
- 94948E
- 8A8A87
Kleurharmonieën
Complementair +180°
- EBE6C7
Garden Seat
- DFE3FF
≈ Stoic White
Analoog -30° +30°
- EBE6C7
Garden Seat
- F7E1C8
≈ Acropolis
- DCEBCE
≈ Whiff of Green
Triadisch +120° +240°
- EBE6C7
Garden Seat
- C8ECF8
≈ Frosty Day
- F9DBEE
≈ Cherry Flower
Gesplitst complementair +150° +210°
- EBE6C7
Garden Seat
- D1E8FF
≈ Veiling Waterfalls
- EDDEFA
≈ Lavender Savour
Tetradisch +90° +180° +270°
- EBE6C7
Garden Seat
- C7EEEB
≈ Morning Sky
- DFE3FF
≈ Stoic White
- FFDADF
≈ Strawberry Blonde
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.67:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--garden-seat: #ebe6c7;
--garden-seat-rgb: 235 230 199;
--garden-seat-oklch: oklch(0.921 0.041 99.6);
}
.element {
color: var(--garden-seat);
background-color: hsl(52 47% 85%);
border-color: oklch(0.921 0.041 99.6);
}Tailwind CSS v4
@theme {
--color-garden-seat: #ebe6c7;
--color-garden-seat-50: #f7f6e9;
--color-garden-seat-100: #eae9d9;
--color-garden-seat-200: #d7d5c1;
--color-garden-seat-300: #bbb9a1;
--color-garden-seat-400: #a49f84;
--color-garden-seat-500: #8c8768;
--color-garden-seat-600: #777258;
--color-garden-seat-700: #5f5b46;
--color-garden-seat-800: #464332;
--color-garden-seat-900: #302e22;
--color-garden-seat-950: #1d1b11;
}SCSS
$garden-seat: #ebe6c7;
$garden-seat-rgb: 235, 230, 199;
$garden-seat-light: mix(#fff, $garden-seat, 20%);
$garden-seat-dark: mix(#000, $garden-seat, 20%);
.element {
color: $garden-seat;
box-shadow: 0 0 0 2px rgba($garden-seat, 0.35);
}