Couleur nommée la plus proche · #B58785
#B58785
Couleur nommée la plus proche: Rosy Brown
#B58785 (rgb(181 135 133), hsl(2 24% 62%), oklch(0.667 0.057 21.5)) 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.
#B58785
oklch(0.667 0.057 21.5)
Conversions de couleur
- HEX
- #b58785
- RGB
- rgb(181 135 133)
- HSL
- hsl(2 24% 62%)
- HWB
- hwb(2 52% 29%)
- OKLCH
- oklch(0.667 0.057 21.5)
- OKLab
- oklab(0.667 0.053 0.021)
- CIE Lab
- lab(60.84 17.93 8.32)
- LCH
- lch(60.84 19.77 24.9)
- CMYK
- cmyk(0% 25% 27% 29%)
Teintes · Ombres · Tons
Teintes
- BD9391
- C49E9C
- CCAAA8
- D3B6B4
- DBC2C0
- E2CECD
- E9DAD9
- F1E6E6
- F8F3F2
Ombres
- 9D7573
- 866361
- 6F5150
- 594140
- 443130
- 302121
- 1D1313
- 0C0606
- 020101
Tons
- B08685
- AB8684
- A58584
- A08583
- 9B8483
- 968382
- 908282
- 8B8281
- 858181
Harmonies de couleurs
Complémentaire +180°
- B58785
Rosy Brown
- 6A9FA3
≈ Meadowbrook
Analogue -30° +30°
- B58785
Rosy Brown
- B18698
≈ Light Brown Drab
- B18B75
≈ Homeland
Triadique +120° +240°
- B58785
Rosy Brown
- 819E7D
≈ Aquadulce
- 8195B8
≈ Denim Tradition
Complémentaire divisée +150° +210°
- B58785
Rosy Brown
- 70A090
≈ Greyish Teal
- 719BB1
≈ Ocean View
Tétradique +90° +180° +270°
- B58785
Rosy Brown
- 959870
≈ Silk Road
- 6A9FA3
≈ Meadowbrook
- 948FB5
≈ Extinct
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.10:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.76:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--rosy-brown: #b58785;
--rosy-brown-rgb: 181 135 133;
--rosy-brown-oklch: oklch(0.667 0.057 21.5);
}
.element {
color: var(--rosy-brown);
background-color: hsl(2 24% 62%);
border-color: oklch(0.667 0.057 21.5);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #b58785;
--color-rosy-brown-50: #ffefed;
--color-rosy-brown-100: #fbe1df;
--color-rosy-brown-200: #eccbc9;
--color-rosy-brown-300: #d3adaa;
--color-rosy-brown-400: #be9290;
--color-rosy-brown-500: #a97775;
--color-rosy-brown-600: #8f6564;
--color-rosy-brown-700: #72514f;
--color-rosy-brown-800: #543b3a;
--color-rosy-brown-900: #3b2828;
--color-rosy-brown-950: #251616;
}SCSS
$rosy-brown: #b58785;
$rosy-brown-rgb: 181, 135, 133;
$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);
}