가장 가까운 이름 색상 · #E13116
#E13116
가장 가까운 이름 색상: Kiss of the Scorpion
#E13116(rgb(225 49 22), hsl(8 82% 48%), oklch(0.592 0.214 31.5))와 가장 가까운 이름 색상은 Kiss of the Scorpion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E13116
oklch(0.592 0.214 31.5)
색상 변환
- HEX
- #e13116
- RGB
- rgb(225 49 22)
- HSL
- hsl(8 82% 48%)
- HWB
- hwb(8 9% 12%)
- OKLCH
- oklch(0.592 0.214 31.5)
- OKLab
- oklab(0.592 0.183 0.112)
- CIE Lab
- lab(50.69 66.23 57.89)
- LCH
- lch(50.69 87.96 41.2)
- CMYK
- cmyk(0% 78% 90% 12%)
틴트 · 셰이드 · 톤
틴트
- E74E37
- ED664F
- F27B66
- F68F7C
- FAA292
- FCB5A7
- FEC8BD
- FFDAD3
- FFEDE9
셰이드
- C42912
- A7220D
- 8B1A09
- 701306
- 560C03
- 3E0602
- 270301
- 120100
- 020000
톤
- D94029
- D14C37
- C85642
- BF5E4D
- B66556
- AC6C5F
- A27168
- 987770
- 8C7C78
색 조화
보색 +180°
- E13116
Kiss of the Scorpion
- 008EA1
≈ Parrot Flight
유사색 -30° +30°
- E13116
Kiss of the Scorpion
- DB2A75
≈ Beetroot Purple
- B66700
≈ Brown Orange
삼각 배색 +120° +240°
- E13116
Kiss of the Scorpion
- 00974A
≈ Luscious Green
- 546BFB
≈ Blue Heath Butterfly
분열 보색 +150° +210°
- E13116
Kiss of the Scorpion
- 009282
≈ Silk Sari
- 0086C9
≈ Water Blue
사각 배색 +90° +180° +270°
- E13116
Kiss of the Scorpion
- 718A00
≈ Italian Buckthorn
- 008EA1
≈ Parrot Flight
- 9752E6
≈ Navy Genesis Evangelion
대비 및 접근성
Ag
AA흰색 위
WCAG 4.51:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.65:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--kiss-of-the-scorpion: #e13116;
--kiss-of-the-scorpion-rgb: 225 49 22;
--kiss-of-the-scorpion-oklch: oklch(0.592 0.214 31.5);
}
.element {
color: var(--kiss-of-the-scorpion);
background-color: hsl(8 82% 48%);
border-color: oklch(0.592 0.214 31.5);
}Tailwind CSS v4
@theme {
--color-kiss-of-the-scorpion: #e13116;
--color-kiss-of-the-scorpion-50: #ffe0cd;
--color-kiss-of-the-scorpion-100: #ffceb9;
--color-kiss-of-the-scorpion-200: #ffb197;
--color-kiss-of-the-scorpion-300: #ff896b;
--color-kiss-of-the-scorpion-400: #ff6046;
--color-kiss-of-the-scorpion-500: #f32a05;
--color-kiss-of-the-scorpion-600: #ce270d;
--color-kiss-of-the-scorpion-700: #a5200b;
--color-kiss-of-the-scorpion-800: #7c140c;
--color-kiss-of-the-scorpion-900: #580d07;
--color-kiss-of-the-scorpion-950: #3b0000;
}SCSS
$kiss-of-the-scorpion: #e13116;
$kiss-of-the-scorpion-rgb: 225, 49, 22;
$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);
}