Benannte Farbe · #E4D68C
Impetuous
Impetuous ist #E4D68C: rgb(228 214 140), hsl(50 62% 72%), oklch(0.871 0.095 98.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Impetuous color name →
#E4D68C
oklch(0.871 0.095 98.8)
Farbumrechnungen
- HEX
- #e4d68c
- RGB
- rgb(228 214 140)
- HSL
- hsl(50 62% 72%)
- HWB
- hwb(50 55% 11%)
- OKLCH
- oklch(0.871 0.095 98.8)
- OKLab
- oklab(0.871 -0.015 0.094)
- CIE Lab
- lab(85.53 -2.68 38.38)
- LCH
- lch(85.53 38.47 94)
- CMYK
- cmyk(0% 6% 39% 11%)
Tints · Shades · Tones
Tints
- E7DA98
- E9DEA4
- ECE3B0
- EFE7BB
- F1EBC7
- F4EFD2
- F7F3DD
- F9F7E9
- FCFBF4
Shades
- C6BA79
- A99E67
- 8D8455
- 726A43
- 585233
- 3F3B23
- 282514
- 121007
- 030201
Tones
- DACD8C
- CFC48B
- C5BC8A
- BBB389
- B1AA88
- A7A287
- 9D9985
- 939184
- 898882
Farbharmonien
Komplementär +180°
- E4D68C
Impetuous
- CBD1FF
≈ Pale Phthalo Blue
Analog -30° +30°
- E4D68C
Impetuous
- FEC990
≈ Sicilian Villa
- C1E19E
≈ Cactus Spike
Triadisch +120° +240°
- E4D68C
Impetuous
- 88E4FF
≈ Tranquil Pool
- FFBDEA
≈ Pink Quartz
Geteilt komplementär +150° +210°
- E4D68C
Impetuous
- B3D9FF
≈ Droplet
- E4C6FF
≈ Wisteria Powder
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.29:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--impetuous: #e4d68c;
--impetuous-rgb: 228 214 140;
--impetuous-oklch: oklch(0.871 0.095 98.8);
}
.element {
color: var(--impetuous);
background-color: hsl(50 62% 72%);
border-color: oklch(0.871 0.095 98.8);
}Tailwind CSS v4
@theme {
--color-impetuous: #e4d68c;
--color-impetuous-50: #fbf7d8;
--color-impetuous-100: #eee9c5;
--color-impetuous-200: #ddd6a7;
--color-impetuous-300: #c2b980;
--color-impetuous-400: #ac9f5b;
--color-impetuous-500: #968733;
--color-impetuous-600: #7f722d;
--color-impetuous-700: #665b24;
--color-impetuous-800: #4c4218;
--color-impetuous-900: #352e0f;
--color-impetuous-950: #201a03;
}SCSS
$impetuous: #e4d68c;
$impetuous-rgb: 228, 214, 140;
$impetuous-light: mix(#fff, $impetuous, 20%);
$impetuous-dark: mix(#000, $impetuous, 20%);
.element {
color: $impetuous;
box-shadow: 0 0 0 2px rgba($impetuous, 0.35);
}