Najbliższy nazwany kolor · #E4C29E
#E4C29E
Najbliższy nazwany kolor: Tostada
#E4C29E (rgb(228 194 158), hsl(31 56% 76%), oklch(0.834 0.062 68.4)) jest najbliższy nazwanemu kolorowi Tostada. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E4C29E
oklch(0.834 0.062 68.4)
Konwersje koloru
- HEX
- #e4c29e
- RGB
- rgb(228 194 158)
- HSL
- hsl(31 56% 76%)
- HWB
- hwb(31 62% 11%)
- OKLCH
- oklch(0.834 0.062 68.4)
- OKLab
- oklab(0.834 0.023 0.057)
- CIE Lab
- lab(80.74 8.67 22.9)
- LCH
- lch(80.74 24.49 69.3)
- CMYK
- cmyk(0% 15% 31% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7C8A8
- EACEB1
- ECD4BB
- EFDAC5
- F2E0CE
- F5E7D8
- F7EDE2
- FAF3EB
- FCF9F5
Odcienie ciemniejsze
- C6A889
- A98F74
- 8D7760
- 72604D
- 58493A
- 3F3429
- 282018
- 120E09
- 030201
Tony
- DABB9B
- CFB598
- C5AE95
- BBA793
- B1A190
- A79A8D
- 9D9389
- 938D86
- 8A8683
Harmonie kolorów
Komplementarna +180°
- E4C29E
Tostada
- AACDF0
≈ Alphabet Blue
Analogowa -30° +30°
- E4C29E
Tostada
- EDBCAC
≈ Spicy Hummus
- D3CA9C
≈ Wasabi Zing
Triada +120° +240°
- E4C29E
Tostada
- 9AD6D0
≈ Fountain City
- D4BEE8
≈ York Plum
Komplementarna rozszczepiona +150° +210°
- E4C29E
Tostada
- 9BD3E4
≈ Light Delphin
- BFC5F1
≈ Vodka
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.50:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--tostada: #e4c29e;
--tostada-rgb: 228 194 158;
--tostada-oklch: oklch(0.834 0.062 68.4);
}
.element {
color: var(--tostada);
background-color: hsl(31 56% 76%);
border-color: oklch(0.834 0.062 68.4);
}Tailwind CSS v4
@theme {
--color-tostada: #e4c29e;
--color-tostada-50: #fff3e3;
--color-tostada-100: #f6e5d2;
--color-tostada-200: #e6d0b8;
--color-tostada-300: #ccb396;
--color-tostada-400: #b79877;
--color-tostada-500: #a27f59;
--color-tostada-600: #896b4c;
--color-tostada-700: #6d563c;
--color-tostada-800: #513e2b;
--color-tostada-900: #392b1d;
--color-tostada-950: #23180d;
}SCSS
$tostada: #e4c29e;
$tostada-rgb: 228, 194, 158;
$tostada-light: mix(#fff, $tostada, 20%);
$tostada-dark: mix(#000, $tostada, 20%);
.element {
color: $tostada;
box-shadow: 0 0 0 2px rgba($tostada, 0.35);
}