En yakın adlandırılmış renk · #E3A599
#E3A599
En yakın adlandırılmış renk: Pink Palazzo
#E3A599 (rgb(227 165 153), hsl(10 57% 75%), oklch(0.777 0.076 31.2)) en çok Pink Palazzo adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E3A599
oklch(0.777 0.076 31.2)
Renk dönüşümleri
- HEX
- #e3a599
- RGB
- rgb(227 165 153)
- HSL
- hsl(10 57% 75%)
- HWB
- hwb(10 60% 11%)
- OKLCH
- oklch(0.777 0.076 31.2)
- OKLab
- oklab(0.777 0.065 0.039)
- CIE Lab
- lab(73.54 22.43 15.77)
- LCH
- lch(73.54 27.42 35.1)
- CMYK
- cmyk(0% 27% 33% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6AEA3
- EAB7AD
- EDC0B7
- F0C9C1
- F3D2CB
- F5DBD5
- F8E4E0
- FAEDEA
- FDF6F5
Koyu tonlar
- C58F84
- A87970
- 8C655D
- 71514A
- 573D38
- 3F2B27
- 271A17
- 120A08
- 030101
Gri tonlar
- D9A197
- CF9E94
- C59A92
- BB968F
- B1938D
- A78F8A
- 9E8B88
- 948885
- 8A8483
Renk uyumları
Tamamlayıcı +180°
- E3A599
Pink Palazzo
- 7AC4D2
≈ Twisted Blue
Analog -30° +30°
- E3A599
Pink Palazzo
- E0A3B3
≈ Iced Vovo
- DBAC85
≈ Porcini
Üçlü +120° +240°
- E3A599
Pink Palazzo
- 93C59E
≈ Delltone
- A4B4E8
≈ Myrtle Flower
Bölünmüş tamamlayıcı +150° +210°
- E3A599
Pink Palazzo
- 7EC7B9
≈ Booty Bay
- 8BBDE3
≈ Watery Sea
Dörtlü +90° +180° +270°
- E3A599
Pink Palazzo
- AFBF88
≈ Shrubbery
- 7AC4D2
≈ Twisted Blue
- BFACE0
≈ Perfume
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.10:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-palazzo: #e3a599;
--pink-palazzo-rgb: 227 165 153;
--pink-palazzo-oklch: oklch(0.777 0.076 31.2);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(10 57% 75%);
border-color: oklch(0.777 0.076 31.2);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #e3a599;
--color-pink-palazzo-50: #ffeee7;
--color-pink-palazzo-100: #ffdfd8;
--color-pink-palazzo-200: #f3c9c0;
--color-pink-palazzo-300: #dbaa9f;
--color-pink-palazzo-400: #c78e83;
--color-pink-palazzo-500: #b37367;
--color-pink-palazzo-600: #976257;
--color-pink-palazzo-700: #794e46;
--color-pink-palazzo-800: #5a3833;
--color-pink-palazzo-900: #3f2623;
--color-pink-palazzo-950: #281512;
}SCSS
$pink-palazzo: #e3a599;
$pink-palazzo-rgb: 227, 165, 153;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}