Nazwany kolor · #E4D68C
Impetuous
Impetuous to #E4D68C: rgb(228 214 140), hsl(50 62% 72%), oklch(0.871 0.095 98.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Impetuous color name →
#E4D68C
oklch(0.871 0.095 98.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7DA98
- E9DEA4
- ECE3B0
- EFE7BB
- F1EBC7
- F4EFD2
- F7F3DD
- F9F7E9
- FCFBF4
Odcienie ciemniejsze
- C6BA79
- A99E67
- 8D8455
- 726A43
- 585233
- 3F3B23
- 282514
- 121007
- 030201
Tony
- DACD8C
- CFC48B
- C5BC8A
- BBB389
- B1AA88
- A7A287
- 9D9985
- 939184
- 898882
Harmonie kolorów
Komplementarna +180°
- E4D68C
Impetuous
- CBD1FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- E4D68C
Impetuous
- FEC990
≈ Sicilian Villa
- C1E19E
≈ Cactus Spike
Triada +120° +240°
- E4D68C
Impetuous
- 88E4FF
≈ Tranquil Pool
- FFBDEA
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- E4D68C
Impetuous
- B3D9FF
≈ Droplet
- E4C6FF
≈ Wisteria Powder
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.29:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}