이름 색상 · #EED1A5
Amber Moon
Amber Moon은(는) #EED1A5: rgb(238 209 165), hsl(36 68% 79%), oklch(0.874 0.066 78). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Amber Moon color name →
#EED1A5
oklch(0.874 0.066 78)
색상 변환
- HEX
- #eed1a5
- RGB
- rgb(238 209 165)
- HSL
- hsl(36 68% 79%)
- HWB
- hwb(36 65% 7%)
- OKLCH
- oklch(0.874 0.066 78)
- OKLab
- oklab(0.874 0.014 0.065)
- CIE Lab
- lab(85.51 5.8 25.83)
- LCH
- lch(85.51 26.47 77.3)
- CMYK
- cmyk(0% 12% 31% 7%)
틴트 · 셰이드 · 톤
틴트
- F0D6AE
- F2DAB7
- F3DFC0
- F5E3C9
- F7E8D2
- F8EDDB
- FAF1E4
- FCF6ED
- FDFAF6
셰이드
- CFB58F
- B19B79
- 938165
- 776851
- 5C503D
- 42392B
- 2A231A
- 14100A
- 030201
톤
- E3C9A2
- D7C09E
- CCB89A
- C1B097
- B6A893
- ABA08F
- A0988C
- 959088
- 8A8884
색 조화
보색 +180°
- EED1A5
Amber Moon
- BDD8FF
≈ Oh Boy!
유사색 -30° +30°
- EED1A5
Amber Moon
- FBC9B0
≈ Bleached Apricot
- D9DAA7
≈ Willow Wind
삼각 배색 +120° +240°
- EED1A5
Amber Moon
- A2E4E5
≈ Ice Crystal Blue
- E8C9F2
≈ Mousse aux Pruneaux
분열 보색 +150° +210°
- EED1A5
Amber Moon
- A8DFF8
≈ Van Gogh Blue
- D3D0FF
≈ Pale Lavender
사각 배색 +90° +180° +270°
- EED1A5
Amber Moon
- ACE4CD
≈ Turquoise Tower
- BDD8FF
≈ Oh Boy!
- F8C5DD
≈ Miami Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.29:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--amber-moon: #eed1a5;
--amber-moon-rgb: 238 209 165;
--amber-moon-oklch: oklch(0.874 0.066 78);
}
.element {
color: var(--amber-moon);
background-color: hsl(36 68% 79%);
border-color: oklch(0.874 0.066 78);
}Tailwind CSS v4
@theme {
--color-amber-moon: #eed1a5;
--color-amber-moon-50: #fff4e0;
--color-amber-moon-100: #f4e6d0;
--color-amber-moon-200: #e3d2b5;
--color-amber-moon-300: #c9b492;
--color-amber-moon-400: #b49a72;
--color-amber-moon-500: #9e8153;
--color-amber-moon-600: #866d47;
--color-amber-moon-700: #6b5738;
--color-amber-moon-800: #503f28;
--color-amber-moon-900: #372c1b;
--color-amber-moon-950: #22190b;
}SCSS
$amber-moon: #eed1a5;
$amber-moon-rgb: 238, 209, 165;
$amber-moon-light: mix(#fff, $amber-moon, 20%);
$amber-moon-dark: mix(#000, $amber-moon, 20%);
.element {
color: $amber-moon;
box-shadow: 0 0 0 2px rgba($amber-moon, 0.35);
}