이름 색상 · #7C3239
Wild Currant
Wild Currant은(는) #7C3239: rgb(124 50 57), hsl(354 43% 34%), oklch(0.422 0.103 16.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Wild Currant color name →
#7C3239
oklch(0.422 0.103 16.9)
색상 변환
- HEX
- #7c3239
- RGB
- rgb(124 50 57)
- HSL
- hsl(354 43% 34%)
- HWB
- hwb(354 20% 51%)
- OKLCH
- oklch(0.422 0.103 16.9)
- OKLab
- oklab(0.422 0.099 0.03)
- CIE Lab
- lab(31.85 33.29 12.67)
- LCH
- lch(31.85 35.62 20.8)
- CMYK
- cmyk(0% 60% 54% 51%)
틴트 · 셰이드 · 톤
틴트
- 8A464B
- 985A5D
- A66D6F
- B38183
- C09596
- CDAAAA
- DABFBF
- E6D4D4
- F3E9E9
셰이드
- 6B2A30
- 5A2228
- 4A1B1F
- 3B1417
- 2C0D10
- 1E0709
- 110304
- 050101
- 010000
톤
- 7E3B40
- 7F4347
- 804B4E
- 815355
- 815A5C
- 826263
- 826A6A
- 827171
- 817979
색 조화
보색 +180°
- 7C3239
Wild Currant
- 00595B
≈ Deep Sea Green
유사색 -30° +30°
- 7C3239
Wild Currant
- 743359
≈ Possessed Plum
- 7A3813
≈ Red Beech
삼각 배색 +120° +240°
- 7C3239
Wild Currant
- 305A1C
≈ Bright Nori
- 254D85
≈ Night Mode
분열 보색 +150° +210°
- 7C3239
Wild Currant
- 005C43
≈ Forest Shadows
- 005670
≈ Subaqueous
사각 배색 +90° +180° +270°
- 7C3239
Wild Currant
- 545000
≈ Scorzonera Brown
- 00595B
≈ Deep Sea Green
- 4B4382
≈ Fresh Eggplant
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.85:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.37:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--wild-currant: #7c3239;
--wild-currant-rgb: 124 50 57;
--wild-currant-oklch: oklch(0.422 0.103 16.9);
}
.element {
color: var(--wild-currant);
background-color: hsl(354 43% 34%);
border-color: oklch(0.422 0.103 16.9);
}Tailwind CSS v4
@theme {
--color-wild-currant: #7c3239;
--color-wild-currant-50: #ffeaea;
--color-wild-currant-100: #ffdbda;
--color-wild-currant-200: #fec3c3;
--color-wild-currant-300: #e8a2a3;
--color-wild-currant-400: #d48589;
--color-wild-currant-500: #c1686d;
--color-wild-currant-600: #a3585d;
--color-wild-currant-700: #83464a;
--color-wild-currant-800: #613337;
--color-wild-currant-900: #442225;
--color-wild-currant-950: #2c1114;
}SCSS
$wild-currant: #7c3239;
$wild-currant-rgb: 124, 50, 57;
$wild-currant-light: mix(#fff, $wild-currant, 20%);
$wild-currant-dark: mix(#000, $wild-currant, 20%);
.element {
color: $wild-currant;
box-shadow: 0 0 0 2px rgba($wild-currant, 0.35);
}