Couleur nommée la plus proche · #B19397
#B19397
Couleur nommée la plus proche: Rosy Brown
#B19397 (rgb(177 147 151), hsl(352 16% 64%), oklch(0.692 0.036 9)) est la plus proche de la couleur nommée Rosy Brown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B19397
oklch(0.692 0.036 9)
Conversions de couleur
- HEX
- #b19397
- RGB
- rgb(177 147 151)
- HSL
- hsl(352 16% 64%)
- HWB
- hwb(352 58% 31%)
- OKLCH
- oklch(0.692 0.036 9)
- OKLab
- oklab(0.692 0.036 0.006)
- CIE Lab
- lab(63.82 12.08 2.31)
- LCH
- lch(63.82 12.3 10.9)
- CMYK
- cmyk(0% 17% 15% 31%)
Teintes · Ombres · Tons
Teintes
- B99DA1
- C1A8AB
- C8B2B5
- D0BDBF
- D8C8CA
- E0D3D4
- E7DEDF
- EFE9E9
- F7F4F4
Ombres
- 997F83
- 836C6F
- 6C595C
- 574749
- 423637
- 2F2526
- 1C1617
- 0C0808
- 010101
Tons
- AC9195
- A78F92
- A28D90
- 9D8B8E
- 998A8B
- 948889
- 8F8687
- 8A8485
- 858282
Harmonies de couleurs
Complémentaire +180°
- B19397
Rosy Brown
- 83A4A0
≈ Venus Teal
Analogue -30° +30°
- B19397
Rosy Brown
- AC94A3
≈ Grape Soda
- B1958B
≈ Rose Mauve
Triadique +120° +240°
- B19397
Rosy Brown
- 95A189
≈ Triamble
- 8B9EB2
≈ Periwinkle Dusk
Complémentaire divisée +150° +210°
- B19397
Rosy Brown
- 89A394
≈ Modern Mint
- 83A2AB
≈ Tourmaline
Tétradique +90° +180° +270°
- B19397
Rosy Brown
- A19D83
≈ Herbal Wash
- 83A4A0
≈ Venus Teal
- 979AB3
≈ Bay Fog
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.48:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--rosy-brown: #b19397;
--rosy-brown-rgb: 177 147 151;
--rosy-brown-oklch: oklch(0.692 0.036 9);
}
.element {
color: var(--rosy-brown);
background-color: hsl(352 16% 64%);
border-color: oklch(0.692 0.036 9);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #b19397;
--color-rosy-brown-50: #fff1f2;
--color-rosy-brown-100: #f4e3e5;
--color-rosy-brown-200: #e3ced0;
--color-rosy-brown-300: #c9b0b3;
--color-rosy-brown-400: #b3969a;
--color-rosy-brown-500: #9d7d81;
--color-rosy-brown-600: #846a6d;
--color-rosy-brown-700: #6a5457;
--color-rosy-brown-800: #4e3d40;
--color-rosy-brown-900: #362a2c;
--color-rosy-brown-950: #211819;
}SCSS
$rosy-brown: #b19397;
$rosy-brown-rgb: 177, 147, 151;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}