命名颜色 · #E3C19C
Tostada
Tostada 即 #E3C19C：rgb(227 193 156)、hsl(31 56% 75%)、oklch(0.831 0.063 69.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Tostada color name →
#E3C19C
oklch(0.831 0.063 69.2)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- E6C7A6
- E9CDB0
- ECD4BA
- EFDAC3
- F1E0CD
- F4E6D7
- F7ECE1
- FAF3EB
- FCF9F5
深色调
- C5A787
- A88F73
- 8C775F
- 715F4C
- 574939
- 3F3428
- 272018
- 120E09
- 030201
灰色调
- D9BA99
- CFB497
- C4AD94
- BAA791
- B1A08F
- A79A8C
- 9D9389
- 938D86
- 8A8683
配色和谐
互补色 +180°
- E3C19C
Tostada
- A9CCEF
≈ Blossom Blue
类似色 -30° +30°
- E3C19C
Tostada
- EDBBAA
≈ Spicy Hummus
- D1C99A
≈ Tidal Green
三角配色 +120° +240°
- E3C19C
Tostada
- 98D5D0
≈ Fountain City
- D4BDE7
≈ York Plum
分裂互补色 +150° +210°
- E3C19C
Tostada
- 9AD2E4
≈ Light Delphin
- BEC4F1
≈ Vodka
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.37:1 · APCA Lc 73
最佳文字颜色: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
代码片段
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);
}