Màu có tên gần nhất · #E4A972
#E4A972
Màu có tên gần nhất: Manhattan
#E4A972 (rgb(228 169 114), hsl(29 68% 67%), oklch(0.778 0.1 63.5)) gần nhất với màu có tên Manhattan. 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.
#E4A972
oklch(0.778 0.1 63.5)
Chuyển đổi màu
- HEX
- #e4a972
- RGB
- rgb(228 169 114)
- HSL
- hsl(29 68% 67%)
- HWB
- hwb(29 45% 11%)
- OKLCH
- oklch(0.778 0.1 63.5)
- OKLab
- oklab(0.778 0.044 0.089)
- CIE Lab
- lab(74.01 17.73 37.19)
- LCH
- lch(74.01 41.2 64.5)
- CMYK
- cmyk(0% 26% 50% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7B281
- EABA8F
- EDC39D
- F0CCAB
- F3D4B9
- F5DDC7
- F8E5D5
- FAEEE3
- FDF6F1
Sắc đậm
- C69262
- A97C53
- 8D6744
- 725336
- 583F28
- 3F2C1B
- 281B0E
- 120A04
- 030101
Sắc xám
- DAA574
- D0A176
- C69D78
- BC997A
- B2957B
- A8917D
- 9E8D7E
- 94887F
- 8A847F
Hòa sắc
Bổ túc +180°
- E4A972
Manhattan
- 7DBEF2
≈ Electric Eel
Tương đồng -30° +30°
- E4A972
Manhattan
- EF9F8D
≈ Blush
- CCB66A
≈ Trumpet
Bộ ba +120° +240°
- E4A972
Manhattan
- 64CCBD
≈ Kinetic Teal
- C4A7EB
≈ Tropical Violet
Bổ túc chia +150° +210°
- E4A972
Manhattan
- 61C7DD
≈ Squeaky
- A2B3F7
≈ Wondrous Wisteria
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 2.05:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.21:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--manhattan: #e4a972;
--manhattan-rgb: 228 169 114;
--manhattan-oklch: oklch(0.778 0.1 63.5);
}
.element {
color: var(--manhattan);
background-color: hsl(29 68% 67%);
border-color: oklch(0.778 0.1 63.5);
}Tailwind CSS v4
@theme {
--color-manhattan: #e4a972;
--color-manhattan-50: #fff0d8;
--color-manhattan-100: #ffe2c6;
--color-manhattan-200: #f2cca8;
--color-manhattan-300: #dbad81;
--color-manhattan-400: #c8915e;
--color-manhattan-500: #b47638;
--color-manhattan-600: #986531;
--color-manhattan-700: #7a5027;
--color-manhattan-800: #5b3a1b;
--color-manhattan-900: #402812;
--color-manhattan-950: #281504;
}SCSS
$manhattan: #e4a972;
$manhattan-rgb: 228, 169, 114;
$manhattan-light: mix(#fff, $manhattan, 20%);
$manhattan-dark: mix(#000, $manhattan, 20%);
.element {
color: $manhattan;
box-shadow: 0 0 0 2px rgba($manhattan, 0.35);
}