Benannte Farbe · #D4D8CE
Luna
Luna ist #D4D8CE: rgb(212 216 206), hsl(84 11% 83%), oklch(0.876 0.014 124.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Luna color name →
#D4D8CE
oklch(0.876 0.014 124.6)
Farbumrechnungen
- HEX
- #d4d8ce
- RGB
- rgb(212 216 206)
- HSL
- hsl(84 11% 83%)
- HWB
- hwb(84 81% 15%)
- OKLCH
- oklch(0.876 0.014 124.6)
- OKLab
- oklab(0.876 -0.008 0.012)
- CIE Lab
- lab(85.81 -2.74 4.45)
- LCH
- lch(85.81 5.23 121.7)
- CMYK
- cmyk(2% 0% 5% 15%)
Tints · Shades · Tones
Tints
- D8DCD3
- DCE0D8
- E1E4DD
- E5E7E1
- E9EBE6
- EEEFEB
- F2F3F0
- F6F7F5
- FBFBFA
Shades
- B8BCB3
- 9DA098
- 83857F
- 696B66
- 51534E
- 3A3B38
- 242523
- 10110F
- 020202
Tones
- CBCFC6
- C3C6BE
- BABDB6
- B1B4AE
- A9ABA6
- A1A29E
- 989A97
- 90918F
- 888887
Farbharmonien
Komplementär +180°
- D4D8CE
Luna
- D8D4DE
≈ Take the Plunge
Analog -30° +30°
Triadisch +120° +240°
- D4D8CE
Luna
- CFD8DF
≈ Twinkle Blue
- DFD3D5
≈ Pearl Rose
Geteilt komplementär +150° +210°
- D4D8CE
Luna
- D3D6E0
≈ Purple Veil
- DDD3DA
≈ Timid Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.51:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--luna: #d4d8ce;
--luna-rgb: 212 216 206;
--luna-oklch: oklch(0.876 0.014 124.6);
}
.element {
color: var(--luna);
background-color: hsl(84 11% 83%);
border-color: oklch(0.876 0.014 124.6);
}Tailwind CSS v4
@theme {
--color-luna: #d4d8ce;
--color-luna-50: #f4f6f2;
--color-luna-100: #e6e9e4;
--color-luna-200: #d2d5cf;
--color-luna-300: #b5b9b1;
--color-luna-400: #9ca097;
--color-luna-500: #84887e;
--color-luna-600: #70736b;
--color-luna-700: #595c55;
--color-luna-800: #41433e;
--color-luna-900: #2d2e2b;
--color-luna-950: #1a1b18;
}SCSS
$luna: #d4d8ce;
$luna-rgb: 212, 216, 206;
$luna-light: mix(#fff, $luna, 20%);
$luna-dark: mix(#000, $luna, 20%);
.element {
color: $luna;
box-shadow: 0 0 0 2px rgba($luna, 0.35);
}