Adlandırılmış renk · #E2AF80
Manhattan
Manhattan, #E2AF80: rgb(226 175 128), hsl(29 63% 69%), oklch(0.79 0.086 63.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Manhattan color name →
#E2AF80
oklch(0.79 0.086 63.7)
Renk dönüşümleri
- HEX
- #e2af80
- RGB
- rgb(226 175 128)
- HSL
- hsl(29 63% 69%)
- HWB
- hwb(29 50% 11%)
- OKLCH
- oklch(0.79 0.086 63.7)
- OKLab
- oklab(0.79 0.038 0.077)
- CIE Lab
- lab(75.43 14.87 31.63)
- LCH
- lch(75.43 34.95 64.8)
- CMYK
- cmyk(0% 23% 43% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5B78D
- E8BF9A
- EBC7A6
- EFCFB3
- F1D7C0
- F4DFCC
- F7E7D9
- FAEFE6
- FCF7F2
Koyu tonlar
- C4986E
- A8815D
- 8C6B4D
- 71563D
- 57412E
- 3E2E1F
- 271C12
- 120B06
- 030101
Gri tonlar
- D8AA81
- CEA681
- C4A181
- BA9C82
- B09882
- A79382
- 9D8E81
- 938A81
- 8A8581
Renk uyumları
Tamamlayıcı +180°
- E2AF80
Manhattan
- 8AC1EE
≈ Wasurenagusa Blue
Analog -30° +30°
- E2AF80
Manhattan
- ECA796
≈ Pale Terra
- CDBA7A
≈ Green Citrine
Üçlü +120° +240°
- E2AF80
Manhattan
- 77CDC0
≈ Jolly Jade
- C6ADE8
≈ Purple Sand
Bölünmüş tamamlayıcı +150° +210°
- E2AF80
Manhattan
- 75C9DC
≈ Betsy
- A9B7F2
≈ Perano
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.67:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--manhattan: #e2af80;
--manhattan-rgb: 226 175 128;
--manhattan-oklch: oklch(0.79 0.086 63.7);
}
.element {
color: var(--manhattan);
background-color: hsl(29 63% 69%);
border-color: oklch(0.79 0.086 63.7);
}Tailwind CSS v4
@theme {
--color-manhattan: #e2af80;
--color-manhattan-50: #fff1dc;
--color-manhattan-100: #fde3ca;
--color-manhattan-200: #eeceae;
--color-manhattan-300: #d6af89;
--color-manhattan-400: #c39468;
--color-manhattan-500: #ae7946;
--color-manhattan-600: #93673c;
--color-manhattan-700: #765230;
--color-manhattan-800: #583b22;
--color-manhattan-900: #3d2916;
--color-manhattan-950: #271608;
}SCSS
$manhattan: #e2af80;
$manhattan-rgb: 226, 175, 128;
$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);
}