Couleur nommée la plus proche · #D89C89
#D89C89
Couleur nommée la plus proche: Pink Palazzo
#D89C89 (rgb(216 156 137), hsl(14 50% 69%), oklch(0.745 0.077 38.3)) est la plus proche de la couleur nommée Pink Palazzo. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D89C89
oklch(0.745 0.077 38.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- DCA694
- E1B0A0
- E5B9AC
- E9C3B7
- EDCDC3
- F1D7CF
- F5E1DB
- F8EBE7
- FCF5F3
Ombres
- BC8776
- A07364
- 855F53
- 6B4C42
- 533931
- 3B2822
- 251814
- 110907
- 020101
Tons
- CF9988
- C69788
- BE9487
- B59186
- AC8E85
- A38C84
- 9B8983
- 928682
- 898381
Harmonies de couleurs
Complémentaire +180°
- D89C89
Pink Palazzo
- 72B9CD
≈ Blue Brocade
Analogue -30° +30°
- D89C89
Pink Palazzo
- D898A3
≈ Parrot Pink
- CDA477
≈ Golden Beige
Triadique +120° +240°
- D89C89
Pink Palazzo
- 82BC9A
≈ Grand Gusto
- A1A8DD
≈ Sorbet Ice Mauve
Complémentaire divisée +150° +210°
- D89C89
Pink Palazzo
- 70BDB6
≈ Polished Aqua
- 86B1DC
≈ Dun Morogh Blue
Tétradique +90° +180° +270°
- D89C89
Pink Palazzo
- 9EB682
≈ Mesclun Green
- 72B9CD
≈ Blue Brocade
- BAA0D3
≈ Purple Premiere
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.32:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.03:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
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);
}