이름 색상 · #8D2D13
Pumpkin Choco
Pumpkin Choco은(는) #8D2D13: rgb(141 45 19), hsl(13 76% 31%), oklch(0.438 0.135 35.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pumpkin Choco color name →
#8D2D13
oklch(0.438 0.135 35.5)
색상 변환
- HEX
- #8d2d13
- RGB
- rgb(141 45 19)
- HSL
- hsl(13 76% 31%)
- HWB
- hwb(13 7% 45%)
- OKLCH
- oklch(0.438 0.135 35.5)
- OKLab
- oklab(0.438 0.11 0.078)
- CIE Lab
- lab(33.66 40.46 38.34)
- LCH
- lch(33.66 55.73 43.5)
- CMYK
- cmyk(0% 68% 87% 45%)
틴트 · 셰이드 · 톤
틴트
- 9A432D
- A75844
- B36D5A
- BF8171
- CB9688
- D6AA9F
- E1BFB6
- EBD4CE
- F5E9E6
셰이드
- 7A260F
- 671F0B
- 551807
- 441105
- 330B03
- 230601
- 140201
- 070100
- 010000
톤
- 8D3822
- 8D412E
- 8D4A39
- 8C5243
- 8B5B4E
- 8A6258
- 886A62
- 86716C
- 837976
색 조화
보색 +180°
- 8D2D13
Pumpkin Choco
- 005C6D
≈ Brave New Teal
유사색 -30° +30°
- 8D2D13
Pumpkin Choco
- 8B2847
≈ Anemone
- 764500
≈ Dusky Brown
삼각 배색 +120° +240°
- 8D2D13
Pumpkin Choco
- 006337
≈ Ficus Elastica
- 3F479B
≈ Galaxy Express
분열 보색 +150° +210°
- 8D2D13
Pumpkin Choco
- 006058
≈ Empress Teal
- 00568B
≈ Dark Denim
사각 배색 +90° +180° +270°
- 8D2D13
Pumpkin Choco
- 445C00
≈ Lustrian Undergrowth
- 005C6D
≈ Brave New Teal
- 64398C
≈ Violet Magician
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.34:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.51:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--pumpkin-choco: #8d2d13;
--pumpkin-choco-rgb: 141 45 19;
--pumpkin-choco-oklch: oklch(0.438 0.135 35.5);
}
.element {
color: var(--pumpkin-choco);
background-color: hsl(13 76% 31%);
border-color: oklch(0.438 0.135 35.5);
}Tailwind CSS v4
@theme {
--color-pumpkin-choco: #8d2d13;
--color-pumpkin-choco-50: #ffe9da;
--color-pumpkin-choco-100: #ffd9c8;
--color-pumpkin-choco-200: #ffc1ab;
--color-pumpkin-choco-300: #f39f85;
--color-pumpkin-choco-400: #e27f65;
--color-pumpkin-choco-500: #d06043;
--color-pumpkin-choco-600: #af523a;
--color-pumpkin-choco-700: #8d412e;
--color-pumpkin-choco-800: #692e21;
--color-pumpkin-choco-900: #4a1f16;
--color-pumpkin-choco-950: #300e07;
}SCSS
$pumpkin-choco: #8d2d13;
$pumpkin-choco-rgb: 141, 45, 19;
$pumpkin-choco-light: mix(#fff, $pumpkin-choco, 20%);
$pumpkin-choco-dark: mix(#000, $pumpkin-choco, 20%);
.element {
color: $pumpkin-choco;
box-shadow: 0 0 0 2px rgba($pumpkin-choco, 0.35);
}