이름 색상 · #DC4D01
Deep Orange
Deep Orange은(는) #DC4D01: rgb(220 77 1), hsl(21 99% 43%), oklch(0.61 0.191 40.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Deep Orange color name →
#DC4D01
oklch(0.61 0.191 40.1)
색상 변환
- HEX
- #dc4d01
- RGB
- rgb(220 77 1)
- HSL
- hsl(21 99% 43%)
- HWB
- hwb(21 0% 14%)
- OKLCH
- oklch(0.61 0.191 40.1)
- OKLab
- oklab(0.61 0.146 0.123)
- CIE Lab
- lab(53.22 55.13 64.1)
- LCH
- lch(53.22 84.54 49.3)
- CMYK
- cmyk(0% 65% 100% 14%)
틴트 · 셰이드 · 톤
틴트
- E26231
- E8754C
- ED8864
- F1997A
- F5AB91
- F8BCA7
- FBCDBC
- FDDDD2
- FEEEE9
셰이드
- BF4201
- A33701
- 882C00
- 6E2200
- 541800
- 3C0F00
- 260700
- 110200
- 020000
톤
- D45522
- CC5C33
- C46340
- BB684B
- B26D55
- A9725E
- A07667
- 967A70
- 8B7D78
색 조화
보색 +180°
- DC4D01
Deep Orange
- 0092B1
≈ Kelp’thar Forest Blue
유사색 -30° +30°
- DC4D01
Deep Orange
- DC4268
≈ Rouge Red
- B47300
≈ Philippine Gold
삼각 배색 +120° +240°
- DC4D01
Deep Orange
- 009C66
≈ Prairie
- 716EF1
≈ If I Could Fly
분열 보색 +150° +210°
- DC4D01
Deep Orange
- 009791
≈ Columbia
- 0086E6
≈ Blue Cola
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.11:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.10:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.10:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--deep-orange: #dc4d01;
--deep-orange-rgb: 220 77 1;
--deep-orange-oklch: oklch(0.61 0.191 40.1);
}
.element {
color: var(--deep-orange);
background-color: hsl(21 99% 43%);
border-color: oklch(0.61 0.191 40.1);
}Tailwind CSS v4
@theme {
--color-deep-orange: #dc4d01;
--color-deep-orange-50: #ffe4cb;
--color-deep-orange-100: #ffd3b6;
--color-deep-orange-200: #ffb993;
--color-deep-orange-300: #ff9365;
--color-deep-orange-400: #f86f3b;
--color-deep-orange-500: #e74600;
--color-deep-orange-600: #c33d00;
--color-deep-orange-700: #9d3100;
--color-deep-orange-800: #762100;
--color-deep-orange-900: #531602;
--color-deep-orange-950: #370600;
}SCSS
$deep-orange: #dc4d01;
$deep-orange-rgb: 220, 77, 1;
$deep-orange-light: mix(#fff, $deep-orange, 20%);
$deep-orange-dark: mix(#000, $deep-orange, 20%);
.element {
color: $deep-orange;
box-shadow: 0 0 0 2px rgba($deep-orange, 0.35);
}