Màu có tên gần nhất · #E3C3A0
#E3C3A0
Màu có tên gần nhất: Tostada
#E3C3A0 (rgb(227 195 160), hsl(31 54% 76%), oklch(0.836 0.059 69.4)) gần nhất với màu có tên Tostada. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E3C3A0
oklch(0.836 0.059 69.4)
Chuyển đổi màu
- HEX
- #e3c3a0
- RGB
- rgb(227 195 160)
- HSL
- hsl(31 54% 76%)
- HWB
- hwb(31 63% 11%)
- OKLCH
- oklch(0.836 0.059 69.4)
- OKLab
- oklab(0.836 0.021 0.055)
- CIE Lab
- lab(80.93 7.98 22.08)
- LCH
- lch(80.93 23.47 70.1)
- CMYK
- cmyk(0% 14% 30% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E6C9A9
- E9CFB3
- ECD5BC
- EFDBC6
- F1E1CF
- F4E7D9
- F7EDE2
- FAF3EC
- FCF9F5
Sắc đậm
- C5A98B
- A89076
- 8C7861
- 71604E
- 574A3B
- 3F3429
- 272019
- 120E09
- 030201
Sắc xám
- D9BC9D
- CFB59A
- C4AF97
- BAA894
- B0A190
- A79A8D
- 9D948A
- 938D87
- 8A8783
Hòa sắc
Bổ túc +180°
- E3C3A0
Tostada
- ACCDEF
≈ Alphabet Blue
Tương đồng -30° +30°
- E3C3A0
Tostada
- ECBDAD
≈ Virgin Peach
- D2CB9E
≈ Wasabi Zing
Bộ ba +120° +240°
- E3C3A0
Tostada
- 9DD6D1
≈ Shallow Shoal
- D5BFE7
≈ York Plum
Bổ túc chia +150° +210°
- E3C3A0
Tostada
- 9ED3E4
≈ Light Delphin
- C1C6F0
≈ Violet Gems
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.66:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.57:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--tostada: #e3c3a0;
--tostada-rgb: 227 195 160;
--tostada-oklch: oklch(0.836 0.059 69.4);
}
.element {
color: var(--tostada);
background-color: hsl(31 54% 76%);
border-color: oklch(0.836 0.059 69.4);
}Tailwind CSS v4
@theme {
--color-tostada: #e3c3a0;
--color-tostada-50: #fff3e3;
--color-tostada-100: #f5e5d3;
--color-tostada-200: #e5d1b9;
--color-tostada-300: #cbb397;
--color-tostada-400: #b69979;
--color-tostada-500: #a07f5b;
--color-tostada-600: #876c4d;
--color-tostada-700: #6c563d;
--color-tostada-800: #503f2c;
--color-tostada-900: #382b1e;
--color-tostada-950: #22180e;
}SCSS
$tostada: #e3c3a0;
$tostada-rgb: 227, 195, 160;
$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);
}