Benannte Farbe · #EBD5C5
Cornmeal Beige
Cornmeal Beige ist #EBD5C5: rgb(235 213 197), hsl(25 49% 85%), oklch(0.887 0.033 58.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cornmeal Beige color name →
#EBD5C5
oklch(0.887 0.033 58.4)
Farbumrechnungen
- HEX
- #ebd5c5
- RGB
- rgb(235 213 197)
- HSL
- hsl(25 49% 85%)
- HWB
- hwb(25 77% 8%)
- OKLCH
- oklch(0.887 0.033 58.4)
- OKLab
- oklab(0.887 0.017 0.028)
- CIE Lab
- lab(86.79 5.99 10.85)
- LCH
- lch(86.79 12.4 61.1)
- CMYK
- cmyk(0% 9% 16% 8%)
Tints · Shades · Tones
Tints
- EDD9CB
- EFDDD0
- F1E2D6
- F3E6DC
- F5EAE2
- F7EEE8
- F9F2ED
- FBF7F3
- FDFBF9
Shades
- CCB9AB
- AE9E92
- 918379
- 756A61
- 5B514B
- 413A35
- 292421
- 13100E
- 030202
Tones
- E0CCBE
- D5C3B7
- CABBB0
- BFB2A9
- B4AAA2
- A9A19B
- 9F9994
- 95908D
- 8A8887
Farbharmonien
Komplementär +180°
- EBD5C5
Cornmeal Beige
- C7DDED
≈ Blue Booties
Analog -30° +30°
- EBD5C5
Cornmeal Beige
- EFD2CE
≈ Kobold Pink
- E3D9C2
≈ Grass Skirt
Triadisch +120° +240°
- EBD5C5
Cornmeal Beige
- C4E1DA
≈ Ulthuan Grey
- DCD5ED
≈ Lavender Sky
Geteilt komplementär +150° +210°
- EBD5C5
Cornmeal Beige
- C2E0E5
≈ Bathe Blue
- D0D9F0
≈ Sachet Cushion
Tetradisch +90° +180° +270°
- EBD5C5
Cornmeal Beige
- CCE0CE
≈ Enchanted
- C7DDED
≈ Blue Booties
- E6D2E5
≈ Sonora Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.85:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.85:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--cornmeal-beige: #ebd5c5;
--cornmeal-beige-rgb: 235 213 197;
--cornmeal-beige-oklch: oklch(0.887 0.033 58.4);
}
.element {
color: var(--cornmeal-beige);
background-color: hsl(25 49% 85%);
border-color: oklch(0.887 0.033 58.4);
}Tailwind CSS v4
@theme {
--color-cornmeal-beige: #ebd5c5;
--color-cornmeal-beige-50: #fdf3ec;
--color-cornmeal-beige-100: #f0e6dd;
--color-cornmeal-beige-200: #dfd1c7;
--color-cornmeal-beige-300: #c4b4a7;
--color-cornmeal-beige-400: #ae9a8c;
--color-cornmeal-beige-500: #978171;
--color-cornmeal-beige-600: #806d60;
--color-cornmeal-beige-700: #66574d;
--color-cornmeal-beige-800: #4c4038;
--color-cornmeal-beige-900: #342c26;
--color-cornmeal-beige-950: #201914;
}SCSS
$cornmeal-beige: #ebd5c5;
$cornmeal-beige-rgb: 235, 213, 197;
$cornmeal-beige-light: mix(#fff, $cornmeal-beige, 20%);
$cornmeal-beige-dark: mix(#000, $cornmeal-beige, 20%);
.element {
color: $cornmeal-beige;
box-shadow: 0 0 0 2px rgba($cornmeal-beige, 0.35);
}