이름 색상 · #DA9A21
New England Autumn
New England Autumn은(는) #DA9A21: rgb(218 154 33), hsl(39 74% 49%), oklch(0.73 0.144 77). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · New England Autumn color name →
#DA9A21
oklch(0.73 0.144 77)
색상 변환
- HEX
- #da9a21
- RGB
- rgb(218 154 33)
- HSL
- hsl(39 74% 49%)
- HWB
- hwb(39 13% 15%)
- OKLCH
- oklch(0.73 0.144 77)
- OKLab
- oklab(0.73 0.032 0.141)
- CIE Lab
- lab(68.65 17.83 66.36)
- LCH
- lch(68.65 68.71 75)
- CMYK
- cmyk(0% 29% 85% 15%)
틴트 · 셰이드 · 톤
틴트
- DEA444
- E2AF5E
- E6B974
- EAC389
- EECD9D
- F1D7B1
- F5E1C5
- F8EBD8
- FCF5EC
셰이드
- BD851B
- A27116
- 875E10
- 6C4B0B
- 543906
- 3C2703
- 251701
- 110900
- 020100
톤
- D19836
- C89644
- BF934F
- B69158
- AD8E61
- A48C68
- 9B896F
- 928675
- 89837B
색 조화
보색 +180°
- DA9A21
New England Autumn
- 6CA9FF
≈ Fennel Flower
유사색 -30° +30°
- DA9A21
New England Autumn
- F08852
≈ Half-Smoke
- B3AD29
≈ Fusion
삼각 배색 +120° +240°
- DA9A21
New England Autumn
- 00BFC3
≈ Cala Benirrás Blue
- CC89E3
≈ Blush Essence
분열 보색 +150° +210°
- DA9A21
New England Autumn
- 00B8EC
≈ Cyanite
- A398FD
≈ Cobalite
사각 배색 +90° +180° +270°
- DA9A21
New England Autumn
- 1EC494
≈ Píng Gǔo Lǜ Green
- 6CA9FF
≈ Fennel Flower
- E880B9
≈ Fuchsia Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.43:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.62:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--new-england-autumn: #da9a21;
--new-england-autumn-rgb: 218 154 33;
--new-england-autumn-oklch: oklch(0.73 0.144 77);
}
.element {
color: var(--new-england-autumn);
background-color: hsl(39 74% 49%);
border-color: oklch(0.73 0.144 77);
}Tailwind CSS v4
@theme {
--color-new-england-autumn: #da9a21;
--color-new-england-autumn-50: #fff1c7;
--color-new-england-autumn-100: #ffe3b2;
--color-new-england-autumn-200: #f6cd8d;
--color-new-england-autumn-300: #dfae5c;
--color-new-england-autumn-400: #ce9121;
--color-new-england-autumn-500: #ba7600;
--color-new-england-autumn-600: #9d6400;
--color-new-england-autumn-700: #7e5000;
--color-new-england-autumn-800: #5f3900;
--color-new-england-autumn-900: #422700;
--color-new-england-autumn-950: #2b1500;
}SCSS
$new-england-autumn: #da9a21;
$new-england-autumn-rgb: 218, 154, 33;
$new-england-autumn-light: mix(#fff, $new-england-autumn, 20%);
$new-england-autumn-dark: mix(#000, $new-england-autumn, 20%);
.element {
color: $new-england-autumn;
box-shadow: 0 0 0 2px rgba($new-england-autumn, 0.35);
}