Warna bernama · #A23F5D
Gooseberry
Gooseberry adalah #A23F5D: rgb(162 63 93), hsl(342 44% 44%), oklch(0.511 0.134 4.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Gooseberry color name →
#A23F5D
oklch(0.511 0.134 4.3)
Konversi warna
- HEX
- #a23f5d
- RGB
- rgb(162 63 93)
- HSL
- hsl(342 44% 44%)
- HWB
- hwb(342 25% 36%)
- OKLCH
- oklch(0.511 0.134 4.3)
- OKLab
- oklab(0.511 0.133 0.01)
- CIE Lab
- lab(41.64 43.72 4.52)
- LCH
- lch(41.64 43.95 5.9)
- CMYK
- cmyk(0% 61% 43% 36%)
Tint · Shade · Tone
Tint
- AD536C
- B8667B
- C2798A
- CC8C9A
- D59EAA
- DEB1BB
- E7C4CB
- EFD8DC
- F7EBEE
Shade
- 8C3550
- 772C43
- 632337
- 4F1B2A
- 3C121F
- 2A0A14
- 19040A
- 0A0103
- 010000
Tone
- A04760
- 9D4F64
- 9B5667
- 985C6B
- 95636E
- 916972
- 8E6F75
- 8A7579
- 857A7C
Harmoni warna
Komplementer +180°
- A23F5D
Gooseberry
- 00776C
≈ Mermaid Harbour
Analog -30° +30°
- A23F5D
Gooseberry
- 934485
≈ Willowherb
- A5432D
≈ Toasted Paprika
Triadik +120° +240°
- A23F5D
Gooseberry
- 577200
≈ Over the Hills
- 006CA9
≈ Indigo Bunting
Split-komplementer +150° +210°
- A23F5D
Gooseberry
- 007B43
≈ Tokiwa Green
- 007386
≈ Glamour Green
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 6.16:1 · APCA Lc 80
Ag
FailDi atas hitam
WCAG 3.40:1 · APCA Lc 22
Warna teks terbaik: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 80
Contrast pairs
Cuplikan kode
CSS
:root {
--gooseberry: #a23f5d;
--gooseberry-rgb: 162 63 93;
--gooseberry-oklch: oklch(0.511 0.134 4.3);
}
.element {
color: var(--gooseberry);
background-color: hsl(342 44% 44%);
border-color: oklch(0.511 0.134 4.3);
}Tailwind CSS v4
@theme {
--color-gooseberry: #a23f5d;
--color-gooseberry-50: #ffe6ef;
--color-gooseberry-100: #ffd6e1;
--color-gooseberry-200: #ffbdcb;
--color-gooseberry-300: #f29aac;
--color-gooseberry-400: #df7b95;
--color-gooseberry-500: #cc5b7b;
--color-gooseberry-600: #ac4d69;
--color-gooseberry-700: #8b3e53;
--color-gooseberry-800: #672c3e;
--color-gooseberry-900: #481e2b;
--color-gooseberry-950: #2f0d18;
}SCSS
$gooseberry: #a23f5d;
$gooseberry-rgb: 162, 63, 93;
$gooseberry-light: mix(#fff, $gooseberry, 20%);
$gooseberry-dark: mix(#000, $gooseberry, 20%);
.element {
color: $gooseberry;
box-shadow: 0 0 0 2px rgba($gooseberry, 0.35);
}