Couleur nommée la plus proche · #DAB9AF
#DAB9AF
Couleur nommée la plus proche: Muddy Rose
#DAB9AF (rgb(218 185 175), hsl(14 37% 77%), oklch(0.812 0.041 37.5)) est la plus proche de la couleur nommée Muddy Rose. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DAB9AF
oklch(0.812 0.041 37.5)
Conversions de couleur
- HEX
- #dab9af
- RGB
- rgb(218 185 175)
- HSL
- hsl(14 37% 77%)
- HWB
- hwb(14 69% 15%)
- OKLCH
- oklch(0.812 0.041 37.5)
- OKLab
- oklab(0.812 0.032 0.025)
- CIE Lab
- lab(77.86 11.06 9.72)
- LCH
- lch(77.86 14.73 41.3)
- CMYK
- cmyk(0% 15% 20% 15%)
Teintes · Ombres · Tons
Teintes
- DEC0B7
- E2C7BF
- E5CEC7
- E9D5CE
- EDDCD6
- F1E3DE
- F4EAE7
- F8F1EF
- FBF8F7
Ombres
- BDA098
- A28981
- 87716B
- 6C5B56
- 544641
- 3C312E
- 251E1C
- 110D0B
- 020201
Tons
- D1B3AA
- C8ADA5
- BEA8A1
- B5A29C
- AC9C97
- A39693
- 9A918E
- 928B89
- 898685
Harmonies de couleurs
Complémentaire +180°
- DAB9AF
Muddy Rose
- A5C8D3
≈ Ocean Eyes
Analogue -30° +30°
- DAB9AF
Muddy Rose
- DAB7BD
≈ Strawberry Glaze
- D4BDA6
≈ Esplanade
Triadique +120° +240°
- DAB9AF
Muddy Rose
- ADCAB7
≈ Bird’s Egg Green
- BAC0DC
≈ Rhapsody Lilac
Complémentaire divisée +150° +210°
- DAB9AF
Muddy Rose
- A5CAC6
≈ Impressionist Blue
- ADC4DB
≈ Blue Prism
Tétradique +90° +180° +270°
- DAB9AF
Muddy Rose
- BAC7AB
≈ Zion
- A5C8D3
≈ Ocean Eyes
- C8BBD6
≈ Purple Shine
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.81:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.53:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
CSS
:root {
--muddy-rose: #dab9af;
--muddy-rose-rgb: 218 185 175;
--muddy-rose-oklch: oklch(0.812 0.041 37.5);
}
.element {
color: var(--muddy-rose);
background-color: hsl(14 37% 77%);
border-color: oklch(0.812 0.041 37.5);
}Tailwind CSS v4
@theme {
--color-muddy-rose: #dab9af;
--color-muddy-rose-50: #fff2ed;
--color-muddy-rose-100: #f5e4de;
--color-muddy-rose-200: #e5cfc8;
--color-muddy-rose-300: #cbb1a8;
--color-muddy-rose-400: #b5978e;
--color-muddy-rose-500: #9f7d73;
--color-muddy-rose-600: #866a62;
--color-muddy-rose-700: #6c554e;
--color-muddy-rose-800: #4f3e39;
--color-muddy-rose-900: #372a27;
--color-muddy-rose-950: #221815;
}SCSS
$muddy-rose: #dab9af;
$muddy-rose-rgb: 218, 185, 175;
$muddy-rose-light: mix(#fff, $muddy-rose, 20%);
$muddy-rose-dark: mix(#000, $muddy-rose, 20%);
.element {
color: $muddy-rose;
box-shadow: 0 0 0 2px rgba($muddy-rose, 0.35);
}