Nazwany kolor · #BE7583
Rosily
Rosily to #BE7583: rgb(190 117 131), hsl(348 36% 60%), oklch(0.644 0.093 7.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rosily color name →
#BE7583
oklch(0.644 0.093 7.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5828F
- CC909B
- D39EA7
- DAABB3
- E1B9BF
- E7C7CC
- EDD5D8
- F3E3E5
- F9F1F2
Odcienie ciemniejsze
- A56571
- 8C5560
- 75464F
- 5E373F
- 48292F
- 331C20
- 1F0F12
- 0D0506
- 020101
Tony
- B87683
- B27882
- AC7982
- A67A82
- A07C82
- 9A7D81
- 947E81
- 8D7E81
- 877F80
Harmonie kolorów
Komplementarna +180°
- BE7583
Rosily
- 3BA097
≈ Baltic Green
Analogowa -30° +30°
- BE7583
Rosily
- B277A2
≈ Victorian Violet
- BE7964
≈ Caribbean Coral
Triada +120° +240°
- BE7583
Rosily
- 7D9859
≈ Dry Moss
- 5D92C3
≈ Come Sail Away
Komplementarna rozszczepiona +150° +210°
- BE7583
Rosily
- 599F77
≈ Advertising Green
- 3E9BB3
≈ Sports Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.46:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.06:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}