Couleur nommée la plus proche · #D39B9B
#D39B9B
Couleur nommée la plus proche: Savoury Salmon
#D39B9B (rgb(211 155 155), hsl(0 39% 72%), oklch(0.743 0.067 18.8)) est la plus proche de la couleur nommée Savoury Salmon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D39B9B
oklch(0.743 0.067 18.8)
Conversions de couleur
- HEX
- #d39b9b
- RGB
- rgb(211 155 155)
- HSL
- hsl(0 39% 72%)
- HWB
- hwb(0 61% 17%)
- OKLCH
- oklch(0.743 0.067 18.8)
- OKLab
- oklab(0.743 0.064 0.022)
- CIE Lab
- lab(69.45 21.55 8.68)
- LCH
- lch(69.45 23.23 21.9)
- CMYK
- cmyk(0% 27% 27% 17%)
Teintes · Ombres · Tons
Teintes
- D8A5A5
- DDAFAE
- E1B9B8
- E6C2C2
- EACCCC
- EFD6D6
- F3E0E0
- F7EBEA
- FBF5F5
Ombres
- B78686
- 9C7272
- 825E5E
- 694B4B
- 513939
- 3A2828
- 241818
- 100909
- 020101
Tons
- CB9898
- C29696
- BA9393
- B29090
- AA8E8D
- A18B8B
- 998888
- 918685
- 888383
Harmonies de couleurs
Complémentaire +180°
- D39B9B
Savoury Salmon
- 77B9BB
≈ Surfer
Analogue -30° +30°
- D39B9B
Savoury Salmon
- CD9BB3
≈ Lady’s Cushions Pink
- D0A086
≈ Orange Maple
Triadique +120° +240°
- D39B9B
Savoury Salmon
- 97B68D
≈ Mistletoe Kiss
- 92ADD7
≈ Victory Lake
Complémentaire divisée +150° +210°
- D39B9B
Savoury Salmon
- 81BAA4
≈ Patina Hue
- 7EB4CE
≈ Blue Cuddle
Tétradique +90° +180° +270°
- D39B9B
Savoury Salmon
- AFB07E
≈ Weeping Willow
- 77B9BB
≈ Surfer
- AAA5D4
≈ Milky Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.35:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.93:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--savoury-salmon: #d39b9b;
--savoury-salmon-rgb: 211 155 155;
--savoury-salmon-oklch: oklch(0.743 0.067 18.8);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(0 39% 72%);
border-color: oklch(0.743 0.067 18.8);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #d39b9b;
--color-savoury-salmon-50: #ffeeed;
--color-savoury-salmon-100: #fee0de;
--color-savoury-salmon-200: #f0cac8;
--color-savoury-salmon-300: #d8aaa9;
--color-savoury-salmon-400: #c38f8f;
--color-savoury-salmon-500: #ae7475;
--color-savoury-salmon-600: #936263;
--color-savoury-salmon-700: #764f4f;
--color-savoury-salmon-800: #57393a;
--color-savoury-salmon-900: #3d2728;
--color-savoury-salmon-950: #261516;
}SCSS
$savoury-salmon: #d39b9b;
$savoury-salmon-rgb: 211, 155, 155;
$savoury-salmon-light: mix(#fff, $savoury-salmon, 20%);
$savoury-salmon-dark: mix(#000, $savoury-salmon, 20%);
.element {
color: $savoury-salmon;
box-shadow: 0 0 0 2px rgba($savoury-salmon, 0.35);
}