Benannte Farbe · #E9E3CE
Baby Artichoke
Baby Artichoke ist #E9E3CE: rgb(233 227 206), hsl(47 38% 86%), oklch(0.915 0.029 93.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Baby Artichoke color name →
#E9E3CE
oklch(0.915 0.029 93.8)
Farbumrechnungen
- HEX
- #e9e3ce
- RGB
- rgb(233 227 206)
- HSL
- hsl(47 38% 86%)
- HWB
- hwb(47 81% 9%)
- OKLCH
- oklch(0.915 0.029 93.8)
- OKLab
- oklab(0.915 -0.002 0.029)
- CIE Lab
- lab(90.29 -0.5 11.06)
- LCH
- lch(90.29 11.07 92.6)
- CMYK
- cmyk(0% 3% 12% 9%)
Tints · Shades · Tones
Tints
- EBE6D3
- EDE9D8
- F0EBDD
- F2EEE2
- F4F1E6
- F6F4EB
- F8F7F0
- FBF9F5
- FDFCFA
Shades
- CBC5B3
- ADA898
- 908C7F
- 747166
- 5A574E
- 413F38
- 292723
- 13120F
- 030302
Tones
- DED9C6
- D3CEBE
- C8C4B6
- BEBAAE
- B3B0A6
- A9A69E
- 9E9D97
- 94938F
- 8A8988
Farbharmonien
Komplementär +180°
- E9E3CE
Baby Artichoke
- DCE2F7
≈ Aquarelle Purple
Analog -30° +30°
- E9E3CE
Baby Artichoke
- F1DFD0
≈ Blushed Cotton
- DFE6D2
≈ Hollywood Asparagus
Triadisch +120° +240°
- E9E3CE
Baby Artichoke
- CEE8EF
≈ On Thin Ice
- EFDCEB
≈ Maiden of the Mist
Geteilt komplementär +150° +210°
- E9E3CE
Baby Artichoke
- D3E6F5
≈ New Heights
- E7DFF3
≈ Lingering Lilac
Tetradisch +90° +180° +270°
- E9E3CE
Baby Artichoke
- CFEAE5
≈ Source Blue
- DCE2F7
≈ Aquarelle Purple
- F5DBE1
≈ Fancy Pants
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.34:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--baby-artichoke: #e9e3ce;
--baby-artichoke-rgb: 233 227 206;
--baby-artichoke-oklch: oklch(0.915 0.029 93.8);
}
.element {
color: var(--baby-artichoke);
background-color: hsl(47 38% 86%);
border-color: oklch(0.915 0.029 93.8);
}Tailwind CSS v4
@theme {
--color-baby-artichoke: #e9e3ce;
--color-baby-artichoke-50: #f7f5ec;
--color-baby-artichoke-100: #eae8dd;
--color-baby-artichoke-200: #d8d4c7;
--color-baby-artichoke-300: #bcb8a7;
--color-baby-artichoke-400: #a49e8c;
--color-baby-artichoke-500: #8c8671;
--color-baby-artichoke-600: #777260;
--color-baby-artichoke-700: #5f5b4c;
--color-baby-artichoke-800: #464237;
--color-baby-artichoke-900: #302e26;
--color-baby-artichoke-950: #1d1a14;
}SCSS
$baby-artichoke: #e9e3ce;
$baby-artichoke-rgb: 233, 227, 206;
$baby-artichoke-light: mix(#fff, $baby-artichoke, 20%);
$baby-artichoke-dark: mix(#000, $baby-artichoke, 20%);
.element {
color: $baby-artichoke;
box-shadow: 0 0 0 2px rgba($baby-artichoke, 0.35);
}