이름 색상 · #D37A51
Jack-O-Lantern
Jack-O-Lantern은(는) #D37A51: rgb(211 122 81), hsl(19 60% 57%), oklch(0.669 0.124 44.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Jack-O-Lantern color name →
#D37A51
oklch(0.669 0.124 44.8)
색상 변환
- HEX
- #d37a51
- RGB
- rgb(211 122 81)
- HSL
- hsl(19 60% 57%)
- HWB
- hwb(19 32% 17%)
- OKLCH
- oklch(0.669 0.124 44.8)
- OKLab
- oklab(0.669 0.088 0.088)
- CIE Lab
- lab(60.73 32.84 37.91)
- LCH
- lch(60.73 50.16 49.1)
- CMYK
- cmyk(0% 42% 62% 17%)
틴트 · 셰이드 · 톤
틴트
- D98863
- DE9574
- E3A286
- E8AF97
- ECBDA8
- F1CAB9
- F5D7CA
- F8E4DC
- FCF2ED
셰이드
- B76945
- 9C593A
- 82492F
- 693A24
- 512B1A
- 3A1D10
- 241007
- 100502
- 020100
톤
- CB7B57
- C37C5D
- BB7D62
- B37E67
- AB7F6B
- A37F70
- 9A8074
- 928078
- 89807C
색 조화
보색 +180°
- D37A51
Jack-O-Lantern
- 0EA4CE
≈ Charybdis
유사색 -30° +30°
- D37A51
Jack-O-Lantern
- D6737C
≈ Lotus Red
- C1882D
≈ Butter Base
삼각 배색 +120° +240°
- D37A51
Jack-O-Lantern
- 33AC81
≈ Herbal
- 8D89DE
≈ Perrywinkle
분열 보색 +150° +210°
- D37A51
Jack-O-Lantern
- 00AAAA
≈ Jade Orchid
- 5D97E0
≈ Little Boy Blue
사각 배색 +90° +180° +270°
- D37A51
Jack-O-Lantern
- 73A654
≈ Grassy Meadow
- 0EA4CE
≈ Charybdis
- B17CC9
≈ Wisteria
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.14:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.67:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--jack-o-lantern: #d37a51;
--jack-o-lantern-rgb: 211 122 81;
--jack-o-lantern-oklch: oklch(0.669 0.124 44.8);
}
.element {
color: var(--jack-o-lantern);
background-color: hsl(19 60% 57%);
border-color: oklch(0.669 0.124 44.8);
}Tailwind CSS v4
@theme {
--color-jack-o-lantern: #d37a51;
--color-jack-o-lantern-50: #ffebd7;
--color-jack-o-lantern-100: #ffdcc5;
--color-jack-o-lantern-200: #ffc5a7;
--color-jack-o-lantern-300: #eda480;
--color-jack-o-lantern-400: #db855f;
--color-jack-o-lantern-500: #c86739;
--color-jack-o-lantern-600: #a95832;
--color-jack-o-lantern-700: #884627;
--color-jack-o-lantern-800: #65321c;
--color-jack-o-lantern-900: #472212;
--color-jack-o-lantern-950: #2e1105;
}SCSS
$jack-o-lantern: #d37a51;
$jack-o-lantern-rgb: 211, 122, 81;
$jack-o-lantern-light: mix(#fff, $jack-o-lantern, 20%);
$jack-o-lantern-dark: mix(#000, $jack-o-lantern, 20%);
.element {
color: $jack-o-lantern;
box-shadow: 0 0 0 2px rgba($jack-o-lantern, 0.35);
}