Benannte Farbe · #585E46
Delicious
Delicious ist #585E46: rgb(88 94 70), hsl(75 15% 32%), oklch(0.47 0.038 119.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Delicious color name →
#585E46
oklch(0.47 0.038 119.3)
Farbumrechnungen
- HEX
- #585e46
- RGB
- rgb(88 94 70)
- HSL
- hsl(75 15% 32%)
- HWB
- hwb(75 27% 63%)
- OKLCH
- oklch(0.47 0.038 119.3)
- OKLab
- oklab(0.47 -0.019 0.033)
- CIE Lab
- lab(38.84 -5.92 12.99)
- LCH
- lch(38.84 14.28 114.5)
- CMYK
- cmyk(6% 0% 26% 63%)
Tints · Shades · Tones
Tints
- 676D57
- 777C68
- 878B7A
- 979B8C
- A7AB9E
- B8BBB1
- CACCC4
- DBDDD7
- EDEEEB
Shades
- 4B513C
- 3F4432
- 333728
- 282B1E
- 1D1F15
- 12140D
- 090A05
- 030302
- 000000
Tones
- 5C614C
- 606551
- 646857
- 686B5D
- 6C6F63
- 707269
- 74766E
- 787974
- 7C7D7A
Farbharmonien
Komplementär +180°
- 585E46
Delicious
- 5D566D
≈ Arraign
Analog -30° +30°
- 585E46
Delicious
- 635A42
≈ Pinyon Pine
- 4C614F
≈ Hampton Green
Triadisch +120° +240°
- 585E46
Delicious
- 475E6E
≈ Ragtime Blues
- 6D525A
≈ Night Romance
Geteilt komplementär +150° +210°
- 585E46
Delicious
- 525A71
≈ Nightshadow Blue
- 675365
≈ Purple Trinket
Tetradisch +90° +180° +270°
- 585E46
Delicious
- 416166
≈ Wanderlust
- 5D566D
≈ Arraign
- 6F534E
≈ Painted Leather
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.76:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.10:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--delicious: #585e46;
--delicious-rgb: 88 94 70;
--delicious-oklch: oklch(0.47 0.038 119.3);
}
.element {
color: var(--delicious);
background-color: hsl(75 15% 32%);
border-color: oklch(0.47 0.038 119.3);
}Tailwind CSS v4
@theme {
--color-delicious: #585e46;
--color-delicious-50: #f3f7eb;
--color-delicious-100: #e6eadc;
--color-delicious-200: #d1d7c5;
--color-delicious-300: #b4bba6;
--color-delicious-400: #9ba289;
--color-delicious-500: #838a6e;
--color-delicious-600: #6f755d;
--color-delicious-700: #595d4a;
--color-delicious-800: #414435;
--color-delicious-900: #2d2f24;
--color-delicious-950: #1a1c13;
}SCSS
$delicious: #585e46;
$delicious-rgb: 88, 94, 70;
$delicious-light: mix(#fff, $delicious, 20%);
$delicious-dark: mix(#000, $delicious, 20%);
.element {
color: $delicious;
box-shadow: 0 0 0 2px rgba($delicious, 0.35);
}