이름 색상 · #D07A04
Autumn Leaf Orange
Autumn Leaf Orange은(는) #D07A04: rgb(208 122 4), hsl(35 96% 42%), oklch(0.659 0.149 63.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Autumn Leaf Orange color name →
#D07A04
oklch(0.659 0.149 63.2)
색상 변환
- HEX
- #d07a04
- RGB
- rgb(208 122 4)
- HSL
- hsl(35 96% 42%)
- HWB
- hwb(35 2% 18%)
- OKLCH
- oklch(0.659 0.149 63.2)
- OKLab
- oklab(0.659 0.067 0.133)
- CIE Lab
- lab(59.88 29.64 65.66)
- LCH
- lch(59.88 72.05 65.7)
- CMYK
- cmyk(0% 41% 98% 18%)
틴트 · 셰이드 · 톤
틴트
- D68836
- DB9551
- E1A369
- E6B07F
- EABD95
- EFCAAA
- F3D8BF
- F7E5D5
- FBF2EA
셰이드
- B56903
- 9A5902
- 804901
- 673A01
- 4F2B01
- 391D00
- 231000
- 100500
- 020100
톤
- C87B26
- C17D37
- B97E44
- B17F4F
- A97F59
- A18062
- 99806A
- 918072
- 898079
색 조화
보색 +180°
- D07A04
Autumn Leaf Orange
- 239AE5
≈ Homeworld
유사색 -30° +30°
- D07A04
Autumn Leaf Orange
- DE6B53
≈ Dusty Orange
- AE8F00
≈ Manure
삼각 배색 +120° +240°
- D07A04
Autumn Leaf Orange
- 00A999
≈ Tropical Hideaway
- A578DC
≈ Lavender Blossom
분열 보색 +150° +210°
- D07A04
Autumn Leaf Orange
- 00A4BC
≈ Maui
- 7589EC
≈ Soft Blue
사각 배색 +90° +180° +270°
- D07A04
Autumn Leaf Orange
- 32AB65
≈ Island Green
- 239AE5
≈ Homeworld
- C66CB8
≈ Gulābī Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.24:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.46:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--autumn-leaf-orange: #d07a04;
--autumn-leaf-orange-rgb: 208 122 4;
--autumn-leaf-orange-oklch: oklch(0.659 0.149 63.2);
}
.element {
color: var(--autumn-leaf-orange);
background-color: hsl(35 96% 42%);
border-color: oklch(0.659 0.149 63.2);
}Tailwind CSS v4
@theme {
--color-autumn-leaf-orange: #d07a04;
--color-autumn-leaf-orange-50: #ffedc9;
--color-autumn-leaf-orange-100: #ffdeb4;
--color-autumn-leaf-orange-200: #ffc890;
--color-autumn-leaf-orange-300: #eca760;
--color-autumn-leaf-orange-400: #db882e;
--color-autumn-leaf-orange-500: #c86a00;
--color-autumn-leaf-orange-600: #a95b00;
--color-autumn-leaf-orange-700: #884800;
--color-autumn-leaf-orange-800: #663300;
--color-autumn-leaf-orange-900: #482300;
--color-autumn-leaf-orange-950: #2f1100;
}SCSS
$autumn-leaf-orange: #d07a04;
$autumn-leaf-orange-rgb: 208, 122, 4;
$autumn-leaf-orange-light: mix(#fff, $autumn-leaf-orange, 20%);
$autumn-leaf-orange-dark: mix(#000, $autumn-leaf-orange, 20%);
.element {
color: $autumn-leaf-orange;
box-shadow: 0 0 0 2px rgba($autumn-leaf-orange, 0.35);
}