Couleur nommée la plus proche · #DA9C8E
#DA9C8E
Couleur nommée la plus proche: Pink Palazzo
#DA9C8E (rgb(218 156 142), hsl(11 51% 71%), oklch(0.749 0.078 33.1)) 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.
#DA9C8E
oklch(0.749 0.078 33.1)
Conversions de couleur
- HEX
- #da9c8e
- RGB
- rgb(218 156 142)
- HSL
- hsl(11 51% 71%)
- HWB
- hwb(11 56% 15%)
- OKLCH
- oklch(0.749 0.078 33.1)
- OKLab
- oklab(0.749 0.065 0.042)
- CIE Lab
- lab(70.23 22.51 17.04)
- LCH
- lch(70.23 28.24 37.1)
- CMYK
- cmyk(0% 28% 35% 15%)
Teintes · Ombres · Tons
Teintes
- DEA699
- E2B0A4
- E6B9AF
- EAC3BA
- EECDC5
- F2D7D1
- F5E1DC
- F9EBE8
- FCF5F3
Ombres
- BD877B
- A27368
- 875F56
- 6C4C44
- 543934
- 3C2824
- 251815
- 110907
- 020101
Tons
- D1998D
- C8978B
- BF948A
- B69189
- AD8E87
- A48C86
- 9B8984
- 928683
- 898382
Harmonies de couleurs
Complémentaire +180°
- DA9C8E
Pink Palazzo
- 70BBCB
≈ Delusional Dragonfly
Analogue -30° +30°
- DA9C8E
Pink Palazzo
- D899A9
≈ Blush Bomb
- D1A37A
≈ Rhino Tusk
Triadique +120° +240°
- DA9C8E
Pink Palazzo
- 88BC97
≈ Forest Frolic
- 9DABDF
≈ Aster Flower Blue
Complémentaire divisée +150° +210°
- DA9C8E
Pink Palazzo
- 72BEB2
≈ Fiesta Blue
- 82B4DB
≈ Dun Morogh Blue
Tétradique +90° +180° +270°
- DA9C8E
Pink Palazzo
- A4B67F
≈ Mesclun Green
- 70BBCB
≈ Delusional Dragonfly
- B7A2D6
≈ Purple Premiere
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.30:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.12:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--pink-palazzo: #da9c8e;
--pink-palazzo-rgb: 218 156 142;
--pink-palazzo-oklch: oklch(0.749 0.078 33.1);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(11 51% 71%);
border-color: oklch(0.749 0.078 33.1);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #da9c8e;
--color-pink-palazzo-50: #ffeee6;
--color-pink-palazzo-100: #ffdfd7;
--color-pink-palazzo-200: #f3c9be;
--color-pink-palazzo-300: #dcaa9d;
--color-pink-palazzo-400: #c88e81;
--color-pink-palazzo-500: #b47365;
--color-pink-palazzo-600: #986155;
--color-pink-palazzo-700: #7a4e44;
--color-pink-palazzo-800: #5a3832;
--color-pink-palazzo-900: #3f2622;
--color-pink-palazzo-950: #281511;
}SCSS
$pink-palazzo: #da9c8e;
$pink-palazzo-rgb: 218, 156, 142;
$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);
}