Benannte Farbe · #E3D4B9
Celestial Moon
Celestial Moon ist #E3D4B9: rgb(227 212 185), hsl(39 43% 81%), oklch(0.875 0.04 82.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Celestial Moon color name →
#E3D4B9
oklch(0.875 0.04 82.3)
Farbumrechnungen
- HEX
- #e3d4b9
- RGB
- rgb(227 212 185)
- HSL
- hsl(39 43% 81%)
- HWB
- hwb(39 73% 11%)
- OKLCH
- oklch(0.875 0.04 82.3)
- OKLab
- oklab(0.875 0.005 0.039)
- CIE Lab
- lab(85.62 2.16 15.38)
- LCH
- lch(85.62 15.53 82)
- CMYK
- cmyk(0% 7% 19% 11%)
Tints · Shades · Tones
Tints
- E6D8C0
- E9DDC7
- EBE1CE
- EEE5D5
- F1E9DC
- F4EEE3
- F7F2EA
- F9F6F1
- FCFBF8
Shades
- C5B8A0
- A89D89
- 8C8371
- 71695B
- 575146
- 3F3A31
- 27241E
- 12100D
- 030202
Tones
- D9CBB3
- CEC3AD
- C4BAA8
- BAB2A2
- B0A99C
- A6A197
- 9D9891
- 93908B
- 898886
Farbharmonien
Komplementär +180°
- E3D4B9
Celestial Moon
- C8D7F1
≈ Murano Soft Blue
Analog -30° +30°
- E3D4B9
Celestial Moon
- ECCFBE
≈ Golden Pop
- D6D9BB
≈ Pine Mist
Triadisch +120° +240°
- E3D4B9
Celestial Moon
- B8DEE1
≈ Basin Blue
- E3CEE6
≈ Footie Pyjamas
Geteilt komplementär +150° +210°
- E3D4B9
Celestial Moon
- BDDBEC
≈ Twin Blue
- D6D2EF
≈ Air Castle
Tetradisch +90° +180° +270°
- E3D4B9
Celestial Moon
- BDDFD3
≈ Otto Ice
- C8D7F1
≈ Murano Soft Blue
- ECCCD8
≈ Donquixote Doflamingo
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.45:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.38:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.38:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--celestial-moon: #e3d4b9;
--celestial-moon-rgb: 227 212 185;
--celestial-moon-oklch: oklch(0.875 0.04 82.3);
}
.element {
color: var(--celestial-moon);
background-color: hsl(39 43% 81%);
border-color: oklch(0.875 0.04 82.3);
}Tailwind CSS v4
@theme {
--color-celestial-moon: #e3d4b9;
--color-celestial-moon-50: #faf4e9;
--color-celestial-moon-100: #eee7d9;
--color-celestial-moon-200: #dcd3c2;
--color-celestial-moon-300: #c1b6a1;
--color-celestial-moon-400: #aa9d84;
--color-celestial-moon-500: #938468;
--color-celestial-moon-600: #7d7059;
--color-celestial-moon-700: #645947;
--color-celestial-moon-800: #4a4133;
--color-celestial-moon-900: #332d23;
--color-celestial-moon-950: #1f1a12;
}SCSS
$celestial-moon: #e3d4b9;
$celestial-moon-rgb: 227, 212, 185;
$celestial-moon-light: mix(#fff, $celestial-moon, 20%);
$celestial-moon-dark: mix(#000, $celestial-moon, 20%);
.element {
color: $celestial-moon;
box-shadow: 0 0 0 2px rgba($celestial-moon, 0.35);
}