이름 색상 · #883F41
Cherry Cobbler
Cherry Cobbler은(는) #883F41: rgb(136 63 65), hsl(358 37% 39%), oklch(0.463 0.1 20.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cherry Cobbler color name →
#883F41
oklch(0.463 0.1 20.1)
색상 변환
- HEX
- #883f41
- RGB
- rgb(136 63 65)
- HSL
- hsl(358 37% 39%)
- HWB
- hwb(358 25% 47%)
- OKLCH
- oklch(0.463 0.1 20.1)
- OKLab
- oklab(0.463 0.094 0.034)
- CIE Lab
- lab(36.67 31.99 14.41)
- LCH
- lch(36.67 35.09 24.2)
- CMYK
- cmyk(0% 54% 52% 47%)
틴트 · 셰이드 · 톤
틴트
- 955252
- A26464
- AE7676
- BA8988
- C69C9B
- D2AFAE
- DDC3C2
- E9D7D6
- F4EBEA
셰이드
- 753537
- 632C2E
- 522325
- 411B1C
- 311213
- 220A0B
- 130405
- 060101
- 010000
톤
- 884647
- 884D4D
- 885454
- 885A5A
- 876160
- 866766
- 856D6D
- 847473
- 827A7A
색 조화
보색 +180°
- 883F41
Cherry Cobbler
- 00666A
≈ Joyful Tears
유사색 -30° +30°
- 883F41
Cherry Cobbler
- 813F61
≈ Ancient Royal Banner
- 84461E
≈ Russet
삼각 배색 +120° +240°
- 883F41
Cherry Cobbler
- 38662E
≈ Vegas Green
- 365890
≈ B’dazzled Blue
분열 보색 +150° +210°
- 883F41
Cherry Cobbler
- 006951
≈ Peacock Green
- 006282
≈ Harem Silk
사각 배색 +90° +180° +270°
- 883F41
Cherry Cobbler
- 5D5D02
≈ Greensboro
- 00666A
≈ Joyful Tears
- 594E8C
≈ Purple Corallite
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.40:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.83:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--cherry-cobbler: #883f41;
--cherry-cobbler-rgb: 136 63 65;
--cherry-cobbler-oklch: oklch(0.463 0.1 20.1);
}
.element {
color: var(--cherry-cobbler);
background-color: hsl(358 37% 39%);
border-color: oklch(0.463 0.1 20.1);
}Tailwind CSS v4
@theme {
--color-cherry-cobbler: #883f41;
--color-cherry-cobbler-50: #ffebe8;
--color-cherry-cobbler-100: #ffdcd9;
--color-cherry-cobbler-200: #fdc4c1;
--color-cherry-cobbler-300: #e6a3a0;
--color-cherry-cobbler-400: #d38686;
--color-cherry-cobbler-500: #bf696a;
--color-cherry-cobbler-600: #a25a5a;
--color-cherry-cobbler-700: #824748;
--color-cherry-cobbler-800: #603335;
--color-cherry-cobbler-900: #442324;
--color-cherry-cobbler-950: #2b1213;
}SCSS
$cherry-cobbler: #883f41;
$cherry-cobbler-rgb: 136, 63, 65;
$cherry-cobbler-light: mix(#fff, $cherry-cobbler, 20%);
$cherry-cobbler-dark: mix(#000, $cherry-cobbler, 20%);
.element {
color: $cherry-cobbler;
box-shadow: 0 0 0 2px rgba($cherry-cobbler, 0.35);
}