가장 가까운 이름 색상 · #DE0040
#DE0040
가장 가까운 이름 색상: Red Herring
#DE0040(rgb(222 0 64), hsl(343 100% 44%), oklch(0.571 0.229 18.2))와 가장 가까운 이름 색상은 Red Herring입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DE0040
oklch(0.571 0.229 18.2)
색상 변환
- HEX
- #de0040
- RGB
- rgb(222 0 64)
- HSL
- hsl(343 100% 44%)
- HWB
- hwb(343 0% 13%)
- OKLCH
- oklch(0.571 0.229 18.2)
- OKLab
- oklab(0.571 0.217 0.071)
- CIE Lab
- lab(47.7 73.68 33)
- LCH
- lch(47.7 80.73 24.1)
- CMYK
- cmyk(0% 100% 71% 13%)
틴트 · 셰이드 · 톤
틴트
- E53A53
- EB5765
- F16F78
- F6858A
- FA9A9D
- FDAFB0
- FFC3C3
- FFD7D7
- FFEBEB
셰이드
- C10036
- A5002D
- 890024
- 6F001B
- 550013
- 3D000B
- 260005
- 120001
- 020000
톤
- D72947
- CF3C4E
- C74955
- BE545B
- B65D62
- AC6668
- A36D6E
- 987474
- 8D7A7A
색 조화
보색 +180°
- DE0040
Red Herring
- 00898C
≈ Industrial Blue
유사색 -30° +30°
- DE0040
Red Herring
- CE188E
≈ Purple Heart Kiwi
- BD5400
≈ Obscure Orange
삼각 배색 +120° +240°
- DE0040
Red Herring
- 378E00
≈ Cossack Green
- 0070F1
≈ Níu Zǎi Sè Denim
분열 보색 +150° +210°
- DE0040
Red Herring
- 008D6B
≈ Indonesian Jungle
- 0083AB
≈ Tusche Blue
사각 배색 +90° +180° +270°
- DE0040
Red Herring
- 7F7C00
≈ Olive
- 00898C
≈ Industrial Blue
- 7951F3
≈ Candy Grape Fizz
대비 및 접근성
Ag
AA흰색 위
WCAG 5.02:1 · APCA Lc 72
Ag
Fail검은색 위
WCAG 4.17:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--red-herring: #de0040;
--red-herring-rgb: 222 0 64;
--red-herring-oklch: oklch(0.571 0.229 18.2);
}
.element {
color: var(--red-herring);
background-color: hsl(343 100% 44%);
border-color: oklch(0.571 0.229 18.2);
}Tailwind CSS v4
@theme {
--color-red-herring: #de0040;
--color-red-herring-50: #ffdbda;
--color-red-herring-100: #ffc9c8;
--color-red-herring-200: #ffaaab;
--color-red-herring-300: #ff8085;
--color-red-herring-400: #ff5369;
--color-red-herring-500: #f90048;
--color-red-herring-600: #d2093d;
--color-red-herring-700: #a90b31;
--color-red-herring-800: #7e0525;
--color-red-herring-900: #5a0519;
--color-red-herring-950: #3c000a;
}SCSS
$red-herring: #de0040;
$red-herring-rgb: 222, 0, 64;
$red-herring-light: mix(#fff, $red-herring, 20%);
$red-herring-dark: mix(#000, $red-herring, 20%);
.element {
color: $red-herring;
box-shadow: 0 0 0 2px rgba($red-herring, 0.35);
}