Warna bernama terdekat · #E4A972
#E4A972
Warna bernama terdekat: Manhattan
#E4A972 (rgb(228 169 114), hsl(29 68% 67%), oklch(0.778 0.1 63.5)) paling mendekati warna bernama Manhattan. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#E4A972
oklch(0.778 0.1 63.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E7B281
- EABA8F
- EDC39D
- F0CCAB
- F3D4B9
- F5DDC7
- F8E5D5
- FAEEE3
- FDF6F1
Shade
- C69262
- A97C53
- 8D6744
- 725336
- 583F28
- 3F2C1B
- 281B0E
- 120A04
- 030101
Tone
- DAA574
- D0A176
- C69D78
- BC997A
- B2957B
- A8917D
- 9E8D7E
- 94887F
- 8A847F
Harmoni warna
Komplementer +180°
- E4A972
Manhattan
- 7DBEF2
≈ Electric Eel
Analog -30° +30°
- E4A972
Manhattan
- EF9F8D
≈ Blush
- CCB66A
≈ Trumpet
Triadik +120° +240°
- E4A972
Manhattan
- 64CCBD
≈ Kinetic Teal
- C4A7EB
≈ Tropical Violet
Split-komplementer +150° +210°
- E4A972
Manhattan
- 61C7DD
≈ Squeaky
- A2B3F7
≈ Wondrous Wisteria
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.05:1 · APCA Lc 40
Ag
AAADi atas hitam
WCAG 10.21:1 · APCA Lc 62
Warna teks terbaik: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Cuplikan kode
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);
}