이름 색상 · #AB4231
Chocolate Chilli
Chocolate Chilli은(는) #AB4231: rgb(171 66 49), hsl(8 55% 43%), oklch(0.52 0.142 31.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Chocolate Chilli color name →
#AB4231
oklch(0.52 0.142 31.5)
색상 변환
- HEX
- #ab4231
- RGB
- rgb(171 66 49)
- HSL
- hsl(8 55% 43%)
- HWB
- hwb(8 19% 33%)
- OKLCH
- oklch(0.52 0.142 31.5)
- OKLab
- oklab(0.52 0.121 0.074)
- CIE Lab
- lab(42.99 43.14 33.39)
- LCH
- lch(42.99 54.55 37.7)
- CMYK
- cmyk(0% 61% 71% 33%)
틴트 · 셰이드 · 톤
틴트
- B55645
- BF6959
- C97C6D
- D28E81
- DAA195
- E2B3AA
- EAC6BF
- F2D9D4
- F9ECE9
셰이드
- 943829
- 7E2F22
- 68251A
- 541C13
- 40140C
- 2D0B06
- 1B0503
- 0B0101
- 010000
톤
- A84A3A
- A55143
- A1584B
- 9E5F53
- 9A655B
- 956B62
- 91706A
- 8C7671
- 867B79
색 조화
보색 +180°
- AB4231
Chocolate Chilli
- 007687
≈ Glamour Green
유사색 -30° +30°
- AB4231
Chocolate Chilli
- A73E63
≈ Rouge Like
- 995600
≈ Charlie Brown
삼각 배색 +120° +240°
- AB4231
Chocolate Chilli
- 007E3D
≈ Charmed Green
- 4D60B9
≈ Chinese Bellflower
분열 보색 +150° +210°
- AB4231
Chocolate Chilli
- 007A6C
≈ Pond Moss
- 006FA8
≈ Bowen Blue
사각 배색 +90° +180° +270°
- AB4231
Chocolate Chilli
- 5E7300
≈ Topiary Green
- 007687
≈ Glamour Green
- 7851AC
≈ Royal Lavender
대비 및 접근성
Ag
AA흰색 위
WCAG 5.90:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.55:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--chocolate-chilli: #ab4231;
--chocolate-chilli-rgb: 171 66 49;
--chocolate-chilli-oklch: oklch(0.52 0.142 31.5);
}
.element {
color: var(--chocolate-chilli);
background-color: hsl(8 55% 43%);
border-color: oklch(0.52 0.142 31.5);
}Tailwind CSS v4
@theme {
--color-chocolate-chilli: #ab4231;
--color-chocolate-chilli-50: #ffe7db;
--color-chocolate-chilli-100: #ffd8ca;
--color-chocolate-chilli-200: #ffbfad;
--color-chocolate-chilli-300: #f79c88;
--color-chocolate-chilli-400: #e67c69;
--color-chocolate-chilli-500: #d35b47;
--color-chocolate-chilli-600: #b24e3d;
--color-chocolate-chilli-700: #8f3e30;
--color-chocolate-chilli-800: #6b2c24;
--color-chocolate-chilli-900: #4b1e18;
--color-chocolate-chilli-950: #310d09;
}SCSS
$chocolate-chilli: #ab4231;
$chocolate-chilli-rgb: 171, 66, 49;
$chocolate-chilli-light: mix(#fff, $chocolate-chilli, 20%);
$chocolate-chilli-dark: mix(#000, $chocolate-chilli, 20%);
.element {
color: $chocolate-chilli;
box-shadow: 0 0 0 2px rgba($chocolate-chilli, 0.35);
}