Benannte Farbe · #E3C494
Ripe Wheat
Ripe Wheat ist #E3C494: rgb(227 196 148), hsl(36 59% 74%), oklch(0.835 0.072 78.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ripe Wheat color name →
#E3C494
oklch(0.835 0.072 78.4)
Farbumrechnungen
- HEX
- #e3c494
- RGB
- rgb(227 196 148)
- HSL
- hsl(36 59% 74%)
- HWB
- hwb(36 58% 11%)
- OKLCH
- oklch(0.835 0.072 78.4)
- OKLab
- oklab(0.835 0.015 0.071)
- CIE Lab
- lab(80.99 6.39 28.44)
- LCH
- lch(80.99 29.14 77.3)
- CMYK
- cmyk(0% 14% 35% 11%)
Tints · Shades · Tones
Tints
- E6CA9F
- E9D0AA
- ECD6B4
- EEDCBF
- F1E2CA
- F4E7D4
- F7EDDF
- FAF3EA
- FCF9F4
Shades
- C5AA80
- A8916D
- 8C785A
- 716148
- 574A36
- 3F3526
- 272116
- 120E08
- 030201
Tones
- D9BD92
- CFB691
- C4AF8F
- BAA88D
- B0A28B
- A79B89
- 9D9487
- 938D85
- 8A8782
Farbharmonien
Komplementär +180°
- E3C494
Ripe Wheat
- ADCBF8
≈ Night Snow
Analog -30° +30°
- E3C494
Ripe Wheat
- F1BCA0
≈ Certain Peach
- CDCD97
≈ Corn Husk Green
Triadisch +120° +240°
- E3C494
Ripe Wheat
- 90D8DA
≈ Mini Blue
- DDBBE8
≈ Beefy Pink
Geteilt komplementär +150° +210°
- E3C494
Ripe Wheat
- 97D3EE
≈ Slightly Spritzig
- C6C2F6
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- E3C494
Ripe Wheat
- 9BD9C0
≈ Pageant Green
- ADCBF8
≈ Night Snow
- EEB6D1
≈ Bunny Cake
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.58:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.58:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--ripe-wheat: #e3c494;
--ripe-wheat-rgb: 227 196 148;
--ripe-wheat-oklch: oklch(0.835 0.072 78.4);
}
.element {
color: var(--ripe-wheat);
background-color: hsl(36 59% 74%);
border-color: oklch(0.835 0.072 78.4);
}Tailwind CSS v4
@theme {
--color-ripe-wheat: #e3c494;
--color-ripe-wheat-50: #fff3df;
--color-ripe-wheat-100: #f5e6ce;
--color-ripe-wheat-200: #e5d2b2;
--color-ripe-wheat-300: #cbb48e;
--color-ripe-wheat-400: #b69a6e;
--color-ripe-wheat-500: #a0804d;
--color-ripe-wheat-600: #886d42;
--color-ripe-wheat-700: #6d5734;
--color-ripe-wheat-800: #513f25;
--color-ripe-wheat-900: #382b19;
--color-ripe-wheat-950: #231909;
}SCSS
$ripe-wheat: #e3c494;
$ripe-wheat-rgb: 227, 196, 148;
$ripe-wheat-light: mix(#fff, $ripe-wheat, 20%);
$ripe-wheat-dark: mix(#000, $ripe-wheat, 20%);
.element {
color: $ripe-wheat;
box-shadow: 0 0 0 2px rgba($ripe-wheat, 0.35);
}