이름 색상 · #993322
Chocolate Lust
Chocolate Lust은(는) #993322: rgb(153 51 34), hsl(9 64% 37%), oklch(0.468 0.14 31.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Chocolate Lust color name →
#993322
oklch(0.468 0.14 31.9)
색상 변환
- HEX
- #993322
- RGB
- rgb(153 51 34)
- HSL
- hsl(9 64% 37%)
- HWB
- hwb(9 13% 40%)
- OKLCH
- oklch(0.468 0.14 31.9)
- OKLab
- oklab(0.468 0.119 0.074)
- CIE Lab
- lab(37.04 42.64 34.47)
- LCH
- lch(37.04 54.83 39)
- CMYK
- cmyk(0% 67% 78% 40%)
틴트 · 셰이드 · 톤
틴트
- A54938
- B15D4E
- BC7163
- C78578
- D1998E
- DBADA4
- E5C1BA
- EED6D1
- F7EAE8
셰이드
- 842B1C
- 702316
- 5D1C11
- 4A140B
- 380D07
- 270703
- 170301
- 080100
- 010000
톤
- 983D2D
- 974637
- 954E41
- 93564A
- 915E53
- 8E655C
- 8C6C65
- 88736E
- 847977
색 조화
보색 +180°
- 993322
Chocolate Lust
- 006675
≈ Green Spool
유사색 -30° +30°
- 993322
Chocolate Lust
- 952F54
≈ Figue Pulp
- 844A00
≈ Dried Mustard
삼각 배색 +120° +240°
- 993322
Chocolate Lust
- 006D35
≈ Column of Oak Green
- 4051A7
≈ Dazzling Blue
분열 보색 +150° +210°
- 993322
Chocolate Lust
- 00695E
≈ Evergreen Forest
- 006092
≈ Felix
사각 배색 +90° +180° +270°
- 993322
Chocolate Lust
- 506300
≈ Serrano Pepper
- 006675
≈ Green Spool
- 6A429A
≈ Sweet Flag
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.36:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.85:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--chocolate-lust: #993322;
--chocolate-lust-rgb: 153 51 34;
--chocolate-lust-oklch: oklch(0.468 0.14 31.9);
}
.element {
color: var(--chocolate-lust);
background-color: hsl(9 64% 37%);
border-color: oklch(0.468 0.14 31.9);
}Tailwind CSS v4
@theme {
--color-chocolate-lust: #993322;
--color-chocolate-lust-50: #ffe8db;
--color-chocolate-lust-100: #ffd8ca;
--color-chocolate-lust-200: #ffbfad;
--color-chocolate-lust-300: #f69d88;
--color-chocolate-lust-400: #e57d69;
--color-chocolate-lust-500: #d25c47;
--color-chocolate-lust-600: #b24f3d;
--color-chocolate-lust-700: #8f3f31;
--color-chocolate-lust-800: #6a2c24;
--color-chocolate-lust-900: #4b1e18;
--color-chocolate-lust-950: #310d09;
}SCSS
$chocolate-lust: #993322;
$chocolate-lust-rgb: 153, 51, 34;
$chocolate-lust-light: mix(#fff, $chocolate-lust, 20%);
$chocolate-lust-dark: mix(#000, $chocolate-lust, 20%);
.element {
color: $chocolate-lust;
box-shadow: 0 0 0 2px rgba($chocolate-lust, 0.35);
}