Couleur nommée la plus proche · #CB9793
#CB9793
Couleur nommée la plus proche: Savoury Salmon
#CB9793 (rgb(203 151 147), hsl(4 35% 69%), oklch(0.725 0.063 23.7)) 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.
#CB9793
oklch(0.725 0.063 23.7)
Conversions de couleur
- HEX
- #cb9793
- RGB
- rgb(203 151 147)
- HSL
- hsl(4 35% 69%)
- HWB
- hwb(4 58% 20%)
- OKLCH
- oklch(0.725 0.063 23.7)
- OKLab
- oklab(0.725 0.058 0.025)
- CIE Lab
- lab(67.46 19.69 10.15)
- LCH
- lch(67.46 22.15 27.3)
- CMYK
- cmyk(0% 26% 28% 20%)
Teintes · Ombres · Tons
Teintes
- D1A19D
- D6ABA8
- DBB6B2
- E1C0BD
- E6CAC8
- EBD5D3
- F0DFDE
- F5EAE9
- FAF4F4
Ombres
- B0837F
- 966F6C
- 7D5C59
- 654947
- 4D3736
- 372625
- 221716
- 0F0808
- 020101
Tons
- C49591
- BC938F
- B5908D
- AD8E8B
- A68C8A
- 9E8988
- 978786
- 8F8584
- 888282
Harmonies de couleurs
Complémentaire +180°
- CB9793
Savoury Salmon
- 75B2B8
≈ Buoyancy
Analogue -30° +30°
- CB9793
Savoury Salmon
- C796A9
≈ Honey Pink
- C69C81
≈ Desert Carnation
Triadique +120° +240°
- CB9793
Savoury Salmon
- 8FB18D
≈ Pear Cactus
- 92A6CF
≈ Serenity
Complémentaire divisée +150° +210°
- CB9793
Savoury Salmon
- 7CB3A3
≈ Beau Monde
- 7EADC8
≈ Soul Blue
Tétradique +90° +180° +270°
- CB9793
Savoury Salmon
- A5AB7D
≈ Mossy Cavern
- 75B2B8
≈ Buoyancy
- A89FCB
≈ Imperial Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.50:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.38:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--savoury-salmon: #cb9793;
--savoury-salmon-rgb: 203 151 147;
--savoury-salmon-oklch: oklch(0.725 0.063 23.7);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(4 35% 69%);
border-color: oklch(0.725 0.063 23.7);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #cb9793;
--color-savoury-salmon-50: #ffefec;
--color-savoury-salmon-100: #fde0dd;
--color-savoury-salmon-200: #eecbc6;
--color-savoury-salmon-300: #d6aca7;
--color-savoury-salmon-400: #c1908c;
--color-savoury-salmon-500: #ac7672;
--color-savoury-salmon-600: #926461;
--color-savoury-salmon-700: #75504d;
--color-savoury-salmon-800: #563a39;
--color-savoury-salmon-900: #3c2827;
--color-savoury-salmon-950: #261615;
}SCSS
$savoury-salmon: #cb9793;
$savoury-salmon-rgb: 203, 151, 147;
$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);
}