En yakın adlandırılmış renk · #D89C89
#D89C89
En yakın adlandırılmış renk: Pink Palazzo
#D89C89 (rgb(216 156 137), hsl(14 50% 69%), oklch(0.745 0.077 38.3)) 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.
#D89C89
oklch(0.745 0.077 38.3)
Renk dönüşümleri
- HEX
- #d89c89
- RGB
- rgb(216 156 137)
- HSL
- hsl(14 50% 69%)
- HWB
- hwb(14 54% 15%)
- OKLCH
- oklch(0.745 0.077 38.3)
- OKLab
- oklab(0.745 0.061 0.048)
- CIE Lab
- lab(69.91 21.28 19.31)
- LCH
- lch(69.91 28.74 42.2)
- CMYK
- cmyk(0% 28% 37% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCA694
- E1B0A0
- E5B9AC
- E9C3B7
- EDCDC3
- F1D7CF
- F5E1DB
- F8EBE7
- FCF5F3
Koyu tonlar
- BC8776
- A07364
- 855F53
- 6B4C42
- 533931
- 3B2822
- 251814
- 110907
- 020101
Gri tonlar
- CF9988
- C69788
- BE9487
- B59186
- AC8E85
- A38C84
- 9B8983
- 928682
- 898381
Renk uyumları
Tamamlayıcı +180°
- D89C89
Pink Palazzo
- 72B9CD
≈ Blue Brocade
Analog -30° +30°
- D89C89
Pink Palazzo
- D898A3
≈ Parrot Pink
- CDA477
≈ Golden Beige
Üçlü +120° +240°
- D89C89
Pink Palazzo
- 82BC9A
≈ Grand Gusto
- A1A8DD
≈ Sorbet Ice Mauve
Bölünmüş tamamlayıcı +150° +210°
- D89C89
Pink Palazzo
- 70BDB6
≈ Polished Aqua
- 86B1DC
≈ Dun Morogh Blue
Dörtlü +90° +180° +270°
- D89C89
Pink Palazzo
- 9EB682
≈ Mesclun Green
- 72B9CD
≈ Blue Brocade
- BAA0D3
≈ Purple Premiere
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.03:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-palazzo: #d89c89;
--pink-palazzo-rgb: 216 156 137;
--pink-palazzo-oklch: oklch(0.745 0.077 38.3);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(14 50% 69%);
border-color: oklch(0.745 0.077 38.3);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #d89c89;
--color-pink-palazzo-50: #ffeee5;
--color-pink-palazzo-100: #ffe0d5;
--color-pink-palazzo-200: #f3cabc;
--color-pink-palazzo-300: #dbab9a;
--color-pink-palazzo-400: #c78f7d;
--color-pink-palazzo-500: #b37460;
--color-pink-palazzo-600: #976252;
--color-pink-palazzo-700: #794f41;
--color-pink-palazzo-800: #5a392f;
--color-pink-palazzo-900: #3f2720;
--color-pink-palazzo-950: #281510;
}SCSS
$pink-palazzo: #d89c89;
$pink-palazzo-rgb: 216, 156, 137;
$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);
}