Warna bernama · #C59F91
Cabbage Rose
Cabbage Rose adalah #C59F91: rgb(197 159 145), hsl(16 31% 67%), oklch(0.733 0.05 41.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Cabbage Rose color name →
#C59F91
oklch(0.733 0.05 41.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- CBA89C
- D1B2A6
- D7BBB1
- DDC5BC
- E2CEC7
- E8D8D2
- EEE2DD
- F4EBE8
- F9F5F4
Shade
- AB8A7D
- 92756A
- 796158
- 614D46
- 4B3B35
- 352925
- 211815
- 0E0907
- 020101
Tone
- BE9C8F
- B7998E
- B0968C
- A9938A
- A29089
- 9B8C87
- 958985
- 8E8684
- 878382
Harmoni warna
Komplementer +180°
- C59F91
Cabbage Rose
- 87B0BF
≈ Open Seas
Analog -30° +30°
- C59F91
Cabbage Rose
- C69CA1
≈ Rose Embroidery
- BDA487
≈ Chestnut Butter
Triadik +120° +240°
- C59F91
Cabbage Rose
- 8EB39F
≈ Andean Slate
- A3A6C8
≈ Blossom Mauve
Split-komplementer +150° +210°
- C59F91
Cabbage Rose
- 85B3B0
≈ Cold Front Green
- 92ACC8
≈ Northern Sky
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.40:1 · APCA Lc 47
Ag
AAADi atas hitam
WCAG 8.74:1 · APCA Lc 55
Warna teks terbaik: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
Cuplikan kode
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);
}