Cor nomeada · #BE7583
Rosily
Rosily é #BE7583: rgb(190 117 131), hsl(348 36% 60%), oklch(0.644 0.093 7.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rosily color name →
#BE7583
oklch(0.644 0.093 7.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C5828F
- CC909B
- D39EA7
- DAABB3
- E1B9BF
- E7C7CC
- EDD5D8
- F3E3E5
- F9F1F2
Sombras
- A56571
- 8C5560
- 75464F
- 5E373F
- 48292F
- 331C20
- 1F0F12
- 0D0506
- 020101
Tons
- B87683
- B27882
- AC7982
- A67A82
- A07C82
- 9A7D81
- 947E81
- 8D7E81
- 877F80
Harmonias de cor
Complementar +180°
- BE7583
Rosily
- 3BA097
≈ Baltic Green
Análoga -30° +30°
- BE7583
Rosily
- B277A2
≈ Victorian Violet
- BE7964
≈ Caribbean Coral
Tríade +120° +240°
- BE7583
Rosily
- 7D9859
≈ Dry Moss
- 5D92C3
≈ Come Sail Away
Complementar dividida +150° +210°
- BE7583
Rosily
- 599F77
≈ Advertising Green
- 3E9BB3
≈ Sports Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.46:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.06:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
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);
}