가장 가까운 이름 색상 · #D63C1A
#D63C1A
가장 가까운 이름 색상: Kiss of the Scorpion
#D63C1A(rgb(214 60 26), hsl(11 78% 47%), oklch(0.583 0.196 33.5))와 가장 가까운 이름 색상은 Kiss of the Scorpion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D63C1A
oklch(0.583 0.196 33.5)
색상 변환
- HEX
- #d63c1a
- RGB
- rgb(214 60 26)
- HSL
- hsl(11 78% 47%)
- HWB
- hwb(11 10% 16%)
- OKLCH
- oklch(0.583 0.196 33.5)
- OKLab
- oklab(0.583 0.163 0.108)
- CIE Lab
- lab(49.81 59.62 54.52)
- LCH
- lch(49.81 80.79 42.4)
- CMYK
- cmyk(0% 72% 88% 16%)
틴트 · 셰이드 · 톤
틴트
- DD5538
- E36A50
- E97E67
- EE917C
- F3A492
- F7B6A7
- FAC9BD
- FCDBD3
- FEEDE9
셰이드
- BA3315
- 9E2A10
- 84210C
- 6A1907
- 521104
- 3B0A02
- 250401
- 100100
- 020000
톤
- CF482B
- C85138
- C05943
- B8604D
- B06757
- A76D5F
- 9F7268
- 957770
- 8B7C78
색 조화
보색 +180°
- D63C1A
Kiss of the Scorpion
- 008AA0
≈ Teal Blue
유사색 -30° +30°
- D63C1A
Kiss of the Scorpion
- D1356F
≈ Raspberry Sorbet
- B06700
≈ Ginger
삼각 배색 +120° +240°
- D63C1A
Kiss of the Scorpion
- 00934F
≈ Moss
- 5A6AED
≈ Flickering Sea
분열 보색 +150° +210°
- D63C1A
Kiss of the Scorpion
- 008F81
≈ Philips Green
- 0082C8
≈ Water Raceway
사각 배색 +90° +180° +270°
- D63C1A
Kiss of the Scorpion
- 6B8800
≈ Swamp Green
- 008AA0
≈ Teal Blue
- 9554D8
≈ Morado Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 4.64:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.52:1 · APCA Lc 31
가장 좋은 글자색: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--kiss-of-the-scorpion: #d63c1a;
--kiss-of-the-scorpion-rgb: 214 60 26;
--kiss-of-the-scorpion-oklch: oklch(0.583 0.196 33.5);
}
.element {
color: var(--kiss-of-the-scorpion);
background-color: hsl(11 78% 47%);
border-color: oklch(0.583 0.196 33.5);
}Tailwind CSS v4
@theme {
--color-kiss-of-the-scorpion: #d63c1a;
--color-kiss-of-the-scorpion-50: #ffe2cf;
--color-kiss-of-the-scorpion-100: #ffd1bb;
--color-kiss-of-the-scorpion-200: #ffb59a;
--color-kiss-of-the-scorpion-300: #ff8f6f;
--color-kiss-of-the-scorpion-400: #fc694a;
--color-kiss-of-the-scorpion-500: #eb3d14;
--color-kiss-of-the-scorpion-600: #c73616;
--color-kiss-of-the-scorpion-700: #a02b12;
--color-kiss-of-the-scorpion-800: #781d0f;
--color-kiss-of-the-scorpion-900: #551309;
--color-kiss-of-the-scorpion-950: #380400;
}SCSS
$kiss-of-the-scorpion: #d63c1a;
$kiss-of-the-scorpion-rgb: 214, 60, 26;
$kiss-of-the-scorpion-light: mix(#fff, $kiss-of-the-scorpion, 20%);
$kiss-of-the-scorpion-dark: mix(#000, $kiss-of-the-scorpion, 20%);
.element {
color: $kiss-of-the-scorpion;
box-shadow: 0 0 0 2px rgba($kiss-of-the-scorpion, 0.35);
}