Màu có tên · #EBA770
Old Plaster
Old Plaster là #EBA770: rgb(235 167 112), hsl(27 75% 68%), oklch(0.782 0.107 59.3). 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.
What does Orange mean? → · Old Plaster color name →
#EBA770
oklch(0.782 0.107 59.3)
Chuyển đổi màu
- HEX
- #eba770
- RGB
- rgb(235 167 112)
- HSL
- hsl(27 75% 68%)
- HWB
- hwb(27 44% 8%)
- OKLCH
- oklch(0.782 0.107 59.3)
- OKLab
- oklab(0.782 0.055 0.092)
- CIE Lab
- lab(74.3 21.45 38.78)
- LCH
- lch(74.3 44.32 61)
- CMYK
- cmyk(0% 29% 52% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EEB07F
- F0B98E
- F2C29C
- F5CBAA
- F7D3B8
- F9DCC6
- FAE5D5
- FCEEE3
- FEF6F1
Sắc đậm
- CC9160
- AE7B51
- 916643
- 755235
- 5B3E27
- 412C1A
- 291A0E
- 130A04
- 030101
Sắc xám
- E0A373
- D5A075
- CB9C77
- C09879
- B5947B
- AB907C
- A08C7D
- 95887E
- 8B847F
Hòa sắc
Bổ túc +180°
- EBA770
Old Plaster
- 73C1F5
≈ Maya Blue
Tương đồng -30° +30°
- EBA770
Old Plaster
- F59D90
≈ Fruit Shake
- D3B563
≈ Wax Way
Bộ ba +120° +240°
- EBA770
Old Plaster
- 5ECEBA
≈ Sweet Garden
- C2A9F3
≈ Purple Hepatica
Bổ túc chia +150° +210°
- EBA770
Old Plaster
- 55CBDD
≈ Watercourse
- 9CB5FD
≈ Truesky Gloxym
Bộ bốn +90° +180° +270°
- EBA770
Old Plaster
- 85CB92
≈ Good Luck Charm
- 73C1F5
≈ Maya Blue
- DF9FD9
≈ Damson Plum
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.04:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.29:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--old-plaster: #eba770;
--old-plaster-rgb: 235 167 112;
--old-plaster-oklch: oklch(0.782 0.107 59.3);
}
.element {
color: var(--old-plaster);
background-color: hsl(27 75% 68%);
border-color: oklch(0.782 0.107 59.3);
}Tailwind CSS v4
@theme {
--color-old-plaster: #eba770;
--color-old-plaster-50: #ffefd7;
--color-old-plaster-100: #ffe1c4;
--color-old-plaster-200: #f7caa6;
--color-old-plaster-300: #e0ab7e;
--color-old-plaster-400: #cd8f5b;
--color-old-plaster-500: #ba7334;
--color-old-plaster-600: #9d622e;
--color-old-plaster-700: #7e4e24;
--color-old-plaster-800: #5e3819;
--color-old-plaster-900: #422610;
--color-old-plaster-950: #2a1404;
}SCSS
$old-plaster: #eba770;
$old-plaster-rgb: 235, 167, 112;
$old-plaster-light: mix(#fff, $old-plaster, 20%);
$old-plaster-dark: mix(#000, $old-plaster, 20%);
.element {
color: $old-plaster;
box-shadow: 0 0 0 2px rgba($old-plaster, 0.35);
}