Benoemde kleur · #E3C19C
Tostada
Tostada is #E3C19C: rgb(227 193 156), hsl(31 56% 75%), oklch(0.831 0.063 69.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Tostada color name →
#E3C19C
oklch(0.831 0.063 69.2)
Kleurconversies
- HEX
- #e3c19c
- RGB
- rgb(227 193 156)
- HSL
- hsl(31 56% 75%)
- HWB
- hwb(31 61% 11%)
- OKLCH
- oklch(0.831 0.063 69.2)
- OKLab
- oklab(0.831 0.022 0.059)
- CIE Lab
- lab(80.37 8.59 23.43)
- LCH
- lch(80.37 24.95 69.9)
- CMYK
- cmyk(0% 15% 31% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E6C7A6
- E9CDB0
- ECD4BA
- EFDAC3
- F1E0CD
- F4E6D7
- F7ECE1
- FAF3EB
- FCF9F5
Schaduwen
- C5A787
- A88F73
- 8C775F
- 715F4C
- 574939
- 3F3428
- 272018
- 120E09
- 030201
Tonen
- D9BA99
- CFB497
- C4AD94
- BAA791
- B1A08F
- A79A8C
- 9D9389
- 938D86
- 8A8683
Kleurharmonieën
Complementair +180°
- E3C19C
Tostada
- A9CCEF
≈ Blossom Blue
Analoog -30° +30°
- E3C19C
Tostada
- EDBBAA
≈ Spicy Hummus
- D1C99A
≈ Tidal Green
Triadisch +120° +240°
- E3C19C
Tostada
- 98D5D0
≈ Fountain City
- D4BDE7
≈ York Plum
Gesplitst complementair +150° +210°
- E3C19C
Tostada
- 9AD2E4
≈ Light Delphin
- BEC4F1
≈ Vodka
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.69:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.37:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--tostada: #e3c19c;
--tostada-rgb: 227 193 156;
--tostada-oklch: oklch(0.831 0.063 69.2);
}
.element {
color: var(--tostada);
background-color: hsl(31 56% 75%);
border-color: oklch(0.831 0.063 69.2);
}Tailwind CSS v4
@theme {
--color-tostada: #e3c19c;
--color-tostada-50: #fff3e2;
--color-tostada-100: #f6e5d2;
--color-tostada-200: #e6d0b8;
--color-tostada-300: #ccb395;
--color-tostada-400: #b79876;
--color-tostada-500: #a27f58;
--color-tostada-600: #896b4b;
--color-tostada-700: #6d563c;
--color-tostada-800: #513e2b;
--color-tostada-900: #392b1d;
--color-tostada-950: #23180d;
}SCSS
$tostada: #e3c19c;
$tostada-rgb: 227, 193, 156;
$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);
}