Benannte Farbe · #E4D588
Artichoke Heart
Artichoke Heart ist #E4D588: rgb(228 213 136), hsl(50 63% 71%), oklch(0.868 0.099 98.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Artichoke Heart color name →
#E4D588
oklch(0.868 0.099 98.5)
Farbumrechnungen
- HEX
- #e4d588
- RGB
- rgb(228 213 136)
- HSL
- hsl(50 63% 71%)
- HWB
- hwb(50 53% 11%)
- OKLCH
- oklch(0.868 0.099 98.5)
- OKLab
- oklab(0.868 -0.015 0.097)
- CIE Lab
- lab(85.23 -2.51 39.98)
- LCH
- lch(85.23 40.06 93.6)
- CMYK
- cmyk(0% 7% 40% 11%)
Tints · Shades · Tones
Tints
- E7D995
- E9DEA1
- ECE2AD
- EFE6B9
- F1EAC5
- F4EFD1
- F7F3DC
- F9F7E8
- FCFBF4
Shades
- C6B975
- A99E63
- 8D8352
- 726A41
- 585131
- 3F3A22
- 282413
- 121006
- 030201
Tones
- DACC88
- CFC488
- C5BB88
- BBB287
- B1AA86
- A7A186
- 9D9984
- 939183
- 898882
Farbharmonien
Komplementär +180°
- E4D588
Artichoke Heart
- C9D0FF
≈ Lavender Blue
Analog -30° +30°
- E4D588
Artichoke Heart
- FFC88C
≈ Bundaberg Sand
- C0E19B
≈ Cactus Spike
Triadisch +120° +240°
- E4D588
Artichoke Heart
- 84E3FF
≈ Tranquil Pool
- FFBBEA
≈ Pink Quartz
Geteilt komplementär +150° +210°
- E4D588
Artichoke Heart
- B1D8FF
≈ Malmö FF
- E4C5FF
≈ Neon Boneyard
Tetradisch +90° +180° +270°
- E4D588
Artichoke Heart
- 80E9E0
≈ Blue Crystal Landscape
- C9D0FF
≈ Lavender Blue
- FFC0CA
≈ Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.17:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--artichoke-heart: #e4d588;
--artichoke-heart-rgb: 228 213 136;
--artichoke-heart-oklch: oklch(0.868 0.099 98.5);
}
.element {
color: var(--artichoke-heart);
background-color: hsl(50 63% 71%);
border-color: oklch(0.868 0.099 98.5);
}Tailwind CSS v4
@theme {
--color-artichoke-heart: #e4d588;
--color-artichoke-heart-50: #fbf7d7;
--color-artichoke-heart-100: #efe9c4;
--color-artichoke-heart-200: #ddd6a6;
--color-artichoke-heart-300: #c2b97e;
--color-artichoke-heart-400: #ad9f58;
--color-artichoke-heart-500: #97872e;
--color-artichoke-heart-600: #807229;
--color-artichoke-heart-700: #665b21;
--color-artichoke-heart-800: #4c4215;
--color-artichoke-heart-900: #352e0d;
--color-artichoke-heart-950: #201a02;
}SCSS
$artichoke-heart: #e4d588;
$artichoke-heart-rgb: 228, 213, 136;
$artichoke-heart-light: mix(#fff, $artichoke-heart, 20%);
$artichoke-heart-dark: mix(#000, $artichoke-heart, 20%);
.element {
color: $artichoke-heart;
box-shadow: 0 0 0 2px rgba($artichoke-heart, 0.35);
}