Couleur nommée · #BE7583
Rosily
Rosily correspond à #BE7583 : rgb(190 117 131), hsl(348 36% 60%), oklch(0.644 0.093 7.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Rosily color name →
#BE7583
oklch(0.644 0.093 7.6)
Conversions de couleur
- HEX
- #be7583
- RGB
- rgb(190 117 131)
- HSL
- hsl(348 36% 60%)
- HWB
- hwb(348 46% 25%)
- OKLCH
- oklch(0.644 0.093 7.6)
- OKLab
- oklab(0.644 0.092 0.012)
- CIE Lab
- lab(57.64 30.73 5.13)
- LCH
- lch(57.64 31.15 9.5)
- CMYK
- cmyk(0% 38% 31% 25%)
Teintes · Ombres · Tons
Teintes
- C5828F
- CC909B
- D39EA7
- DAABB3
- E1B9BF
- E7C7CC
- EDD5D8
- F3E3E5
- F9F1F2
Ombres
- A56571
- 8C5560
- 75464F
- 5E373F
- 48292F
- 331C20
- 1F0F12
- 0D0506
- 020101
Tons
- B87683
- B27882
- AC7982
- A67A82
- A07C82
- 9A7D81
- 947E81
- 8D7E81
- 877F80
Harmonies de couleurs
Complémentaire +180°
- BE7583
Rosily
- 3BA097
≈ Baltic Green
Analogue -30° +30°
- BE7583
Rosily
- B277A2
≈ Victorian Violet
- BE7964
≈ Caribbean Coral
Triadique +120° +240°
- BE7583
Rosily
- 7D9859
≈ Dry Moss
- 5D92C3
≈ Come Sail Away
Complémentaire divisée +150° +210°
- BE7583
Rosily
- 599F77
≈ Advertising Green
- 3E9BB3
≈ Sports Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.46:1 · APCA Lc 62
Ag
AASur noir
WCAG 6.06:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--rosily: #be7583;
--rosily-rgb: 190 117 131;
--rosily-oklch: oklch(0.644 0.093 7.6);
}
.element {
color: var(--rosily);
background-color: hsl(348 36% 60%);
border-color: oklch(0.644 0.093 7.6);
}Tailwind CSS v4
@theme {
--color-rosily: #be7583;
--color-rosily-50: #ffebef;
--color-rosily-100: #ffdce1;
--color-rosily-200: #f9c4cb;
--color-rosily-300: #e2a4ad;
--color-rosily-400: #ce8794;
--color-rosily-500: #ba6b7b;
--color-rosily-600: #9d5b68;
--color-rosily-700: #7e4853;
--color-rosily-800: #5d343e;
--color-rosily-900: #41242a;
--color-rosily-950: #2a1218;
}SCSS
$rosily: #be7583;
$rosily-rgb: 190, 117, 131;
$rosily-light: mix(#fff, $rosily, 20%);
$rosily-dark: mix(#000, $rosily, 20%);
.element {
color: $rosily;
box-shadow: 0 0 0 2px rgba($rosily, 0.35);
}