이름 색상 · #EDB06D
Evening Sunset
Evening Sunset은(는) #EDB06D: rgb(237 176 109), hsl(31 78% 68%), oklch(0.8 0.11 67.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Evening Sunset color name →
#EDB06D
oklch(0.8 0.11 67.7)
색상 변환
- HEX
- #edb06d
- RGB
- rgb(237 176 109)
- HSL
- hsl(31 78% 68%)
- HWB
- hwb(31 43% 7%)
- OKLCH
- oklch(0.8 0.11 67.7)
- OKLab
- oklab(0.8 0.042 0.102)
- CIE Lab
- lab(76.61 17.55 43.16)
- LCH
- lch(76.61 46.6 67.9)
- CMYK
- cmyk(0% 26% 54% 7%)
틴트 · 셰이드 · 톤
틴트
- EFB87D
- F1C08C
- F3C89B
- F5D0A9
- F7D8B8
- F9E0C6
- FBE8D4
- FCEFE3
- FEF7F1
셰이드
- CE995E
- B0824F
- 936C41
- 775633
- 5C4226
- 422E19
- 2A1C0D
- 140B04
- 030101
톤
- E2AB70
- D7A773
- CCA276
- C19D78
- B6987A
- AB947C
- A08F7D
- 958A7E
- 8B857F
색 조화
보색 +180°
- EDB06D
Evening Sunset
- 85C4FF
≈ Chromis Damsel Blue
유사색 -30° +30°
- EDB06D
Evening Sunset
- FBA48A
≈ Coral Serenade
- D1BE67
≈ Mustard Oil
삼각 배색 +120° +240°
- EDB06D
Evening Sunset
- 5AD5CA
≈ Patina
- D1ABF5
≈ Teasel Dipsacus
분열 보색 +150° +210°
- EDB06D
Evening Sunset
- 5DCFED
≈ Libra Blue Morpho
- AEB8FF
≈ Greyish Lavender
사각 배색 +90° +180° +270°
- EDB06D
Evening Sunset
- 7DD3A2
≈ Crystal Gem
- 85C4FF
≈ Chromis Damsel Blue
- ECA2D7
≈ Violet Kiss
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.90:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.03:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--evening-sunset: #edb06d;
--evening-sunset-rgb: 237 176 109;
--evening-sunset-oklch: oklch(0.8 0.11 67.7);
}
.element {
color: var(--evening-sunset);
background-color: hsl(31 78% 68%);
border-color: oklch(0.8 0.11 67.7);
}Tailwind CSS v4
@theme {
--color-evening-sunset: #edb06d;
--color-evening-sunset-50: #fff0d4;
--color-evening-sunset-100: #ffe2c1;
--color-evening-sunset-200: #f3cda1;
--color-evening-sunset-300: #dcae78;
--color-evening-sunset-400: #ca9153;
--color-evening-sunset-500: #b67626;
--color-evening-sunset-600: #996422;
--color-evening-sunset-700: #7b501b;
--color-evening-sunset-800: #5c3a12;
--color-evening-sunset-900: #40280c;
--color-evening-sunset-950: #291501;
}SCSS
$evening-sunset: #edb06d;
$evening-sunset-rgb: 237, 176, 109;
$evening-sunset-light: mix(#fff, $evening-sunset, 20%);
$evening-sunset-dark: mix(#000, $evening-sunset, 20%);
.element {
color: $evening-sunset;
box-shadow: 0 0 0 2px rgba($evening-sunset, 0.35);
}