Benannte Farbe · #EBE5D0
Cauliflower
Cauliflower ist #EBE5D0: rgb(235 229 208), hsl(47 40% 87%), oklch(0.921 0.029 93.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cauliflower color name →
#EBE5D0
oklch(0.921 0.029 93.8)
Farbumrechnungen
- HEX
- #ebe5d0
- RGB
- rgb(235 229 208)
- HSL
- hsl(47 40% 87%)
- HWB
- hwb(47 82% 8%)
- OKLCH
- oklch(0.921 0.029 93.8)
- OKLab
- oklab(0.921 -0.002 0.029)
- CIE Lab
- lab(91 -0.5 11.04)
- LCH
- lch(91 11.06 92.6)
- CMYK
- cmyk(0% 3% 11% 8%)
Tints · Shades · Tones
Tints
- EDE8D5
- EFEAD9
- F1EDDE
- F3EFE3
- F5F2E7
- F7F5EC
- F9F7F1
- FBFAF6
- FDFCFA
Shades
- CCC7B5
- AEAA9A
- 918E80
- 757267
- 5B584F
- 413F39
- 292823
- 131210
- 030302
Tones
- E0DAC8
- D5D0C0
- CAC6B7
- BFBBAF
- B4B1A7
- A9A79F
- 9F9D97
- 94938F
- 8A8A88
Farbharmonien
Komplementär +180°
- EBE5D0
Cauliflower
- DEE4F9
≈ Lavender Mist
Analog -30° +30°
- EBE5D0
Cauliflower
- F3E1D2
≈ Posy
- E1E8D4
≈ Just About Green
Triadisch +120° +240°
- EBE5D0
Cauliflower
- D0EAF1
≈ Ice Cold
- F1DEED
≈ Divine Dove
Geteilt komplementär +150° +210°
- EBE5D0
Cauliflower
- D5E8F7
≈ Freezing Vapour
- E9E1F5
≈ Sheer Lavender
Tetradisch +90° +180° +270°
- EBE5D0
Cauliflower
- D1ECE7
≈ Ionic Sky
- DEE4F9
≈ Lavender Mist
- F7DDE3
≈ Marshmallow Heart
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.65:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--cauliflower: #ebe5d0;
--cauliflower-rgb: 235 229 208;
--cauliflower-oklch: oklch(0.921 0.029 93.8);
}
.element {
color: var(--cauliflower);
background-color: hsl(47 40% 87%);
border-color: oklch(0.921 0.029 93.8);
}Tailwind CSS v4
@theme {
--color-cauliflower: #ebe5d0;
--color-cauliflower-50: #f7f5ec;
--color-cauliflower-100: #eae8dd;
--color-cauliflower-200: #d8d4c7;
--color-cauliflower-300: #bcb8a7;
--color-cauliflower-400: #a49e8c;
--color-cauliflower-500: #8c8671;
--color-cauliflower-600: #777260;
--color-cauliflower-700: #5f5b4c;
--color-cauliflower-800: #464237;
--color-cauliflower-900: #302e26;
--color-cauliflower-950: #1d1a14;
}SCSS
$cauliflower: #ebe5d0;
$cauliflower-rgb: 235, 229, 208;
$cauliflower-light: mix(#fff, $cauliflower, 20%);
$cauliflower-dark: mix(#000, $cauliflower, 20%);
.element {
color: $cauliflower;
box-shadow: 0 0 0 2px rgba($cauliflower, 0.35);
}