Adlandırılmış renk · #EED1A5
Amber Moon
Amber Moon, #EED1A5: rgb(238 209 165), hsl(36 68% 79%), oklch(0.874 0.066 78). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Amber Moon color name →
#EED1A5
oklch(0.874 0.066 78)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0D6AE
- F2DAB7
- F3DFC0
- F5E3C9
- F7E8D2
- F8EDDB
- FAF1E4
- FCF6ED
- FDFAF6
Koyu tonlar
- CFB58F
- B19B79
- 938165
- 776851
- 5C503D
- 42392B
- 2A231A
- 14100A
- 030201
Gri tonlar
- E3C9A2
- D7C09E
- CCB89A
- C1B097
- B6A893
- ABA08F
- A0988C
- 959088
- 8A8884
Renk uyumları
Tamamlayıcı +180°
- EED1A5
Amber Moon
- BDD8FF
≈ Oh Boy!
Analog -30° +30°
- EED1A5
Amber Moon
- FBC9B0
≈ Bleached Apricot
- D9DAA7
≈ Willow Wind
Üçlü +120° +240°
- EED1A5
Amber Moon
- A2E4E5
≈ Ice Crystal Blue
- E8C9F2
≈ Mousse aux Pruneaux
Bölünmüş tamamlayıcı +150° +210°
- EED1A5
Amber Moon
- A8DFF8
≈ Van Gogh Blue
- D3D0FF
≈ Pale Lavender
Dörtlü +90° +180° +270°
- EED1A5
Amber Moon
- ACE4CD
≈ Turquoise Tower
- BDD8FF
≈ Oh Boy!
- F8C5DD
≈ Miami Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.29:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}