이름 색상 · #A23F5D
Gooseberry
Gooseberry은(는) #A23F5D: rgb(162 63 93), hsl(342 44% 44%), oklch(0.511 0.134 4.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Gooseberry color name →
#A23F5D
oklch(0.511 0.134 4.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- AD536C
- B8667B
- C2798A
- CC8C9A
- D59EAA
- DEB1BB
- E7C4CB
- EFD8DC
- F7EBEE
셰이드
- 8C3550
- 772C43
- 632337
- 4F1B2A
- 3C121F
- 2A0A14
- 19040A
- 0A0103
- 010000
톤
- A04760
- 9D4F64
- 9B5667
- 985C6B
- 95636E
- 916972
- 8E6F75
- 8A7579
- 857A7C
색 조화
보색 +180°
- A23F5D
Gooseberry
- 00776C
≈ Mermaid Harbour
유사색 -30° +30°
- A23F5D
Gooseberry
- 934485
≈ Willowherb
- A5432D
≈ Toasted Paprika
삼각 배색 +120° +240°
- A23F5D
Gooseberry
- 577200
≈ Over the Hills
- 006CA9
≈ Indigo Bunting
분열 보색 +150° +210°
- A23F5D
Gooseberry
- 007B43
≈ Tokiwa Green
- 007386
≈ Glamour Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.16:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.40:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
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);
}