Colore con nome · #C59F91
Cabbage Rose
Cabbage Rose è #C59F91: rgb(197 159 145), hsl(16 31% 67%), oklch(0.733 0.05 41.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cabbage Rose color name →
#C59F91
oklch(0.733 0.05 41.2)
Conversioni di colore
- HEX
- #c59f91
- RGB
- rgb(197 159 145)
- HSL
- hsl(16 31% 67%)
- HWB
- hwb(16 57% 23%)
- OKLCH
- oklch(0.733 0.05 41.2)
- OKLab
- oklab(0.733 0.037 0.033)
- CIE Lab
- lab(68.75 12.97 12.94)
- LCH
- lch(68.75 18.32 44.9)
- CMYK
- cmyk(0% 19% 26% 23%)
Tinte · Ombre · Toni
Tinte
- CBA89C
- D1B2A6
- D7BBB1
- DDC5BC
- E2CEC7
- E8D8D2
- EEE2DD
- F4EBE8
- F9F5F4
Ombre
- AB8A7D
- 92756A
- 796158
- 614D46
- 4B3B35
- 352925
- 211815
- 0E0907
- 020101
Toni
- BE9C8F
- B7998E
- B0968C
- A9938A
- A29089
- 9B8C87
- 958985
- 8E8684
- 878382
Armonie di colore
Complementare +180°
- C59F91
Cabbage Rose
- 87B0BF
≈ Open Seas
Analogo -30° +30°
- C59F91
Cabbage Rose
- C69CA1
≈ Rose Embroidery
- BDA487
≈ Chestnut Butter
Triadico +120° +240°
- C59F91
Cabbage Rose
- 8EB39F
≈ Andean Slate
- A3A6C8
≈ Blossom Mauve
Complementare divisa +150° +210°
- C59F91
Cabbage Rose
- 85B3B0
≈ Cold Front Green
- 92ACC8
≈ Northern Sky
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.74:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--cabbage-rose: #c59f91;
--cabbage-rose-rgb: 197 159 145;
--cabbage-rose-oklch: oklch(0.733 0.05 41.2);
}
.element {
color: var(--cabbage-rose);
background-color: hsl(16 31% 67%);
border-color: oklch(0.733 0.05 41.2);
}Tailwind CSS v4
@theme {
--color-cabbage-rose: #c59f91;
--color-cabbage-rose-50: #fff1ea;
--color-cabbage-rose-100: #f7e3db;
--color-cabbage-rose-200: #e8cec4;
--color-cabbage-rose-300: #ceb0a3;
--color-cabbage-rose-400: #b99588;
--color-cabbage-rose-500: #a37c6d;
--color-cabbage-rose-600: #8a695c;
--color-cabbage-rose-700: #6f544a;
--color-cabbage-rose-800: #523d36;
--color-cabbage-rose-900: #392a25;
--color-cabbage-rose-950: #231713;
}SCSS
$cabbage-rose: #c59f91;
$cabbage-rose-rgb: 197, 159, 145;
$cabbage-rose-light: mix(#fff, $cabbage-rose, 20%);
$cabbage-rose-dark: mix(#000, $cabbage-rose, 20%);
.element {
color: $cabbage-rose;
box-shadow: 0 0 0 2px rgba($cabbage-rose, 0.35);
}