Colore con nome · #DED3E6
Alpine Moon
Alpine Moon è #DED3E6: rgb(222 211 230), hsl(275 28% 86%), oklch(0.881 0.028 311.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Alpine Moon color name →
#DED3E6
oklch(0.881 0.028 311.3)
Conversioni di colore
- HEX
- #ded3e6
- RGB
- rgb(222 211 230)
- HSL
- hsl(275 28% 86%)
- HWB
- hwb(275 83% 10%)
- OKLCH
- oklch(0.881 0.028 311.3)
- OKLab
- oklab(0.881 0.019 -0.021)
- CIE Lab
- lab(85.88 6.48 -7.96)
- LCH
- lch(85.88 10.26 309.1)
- CMYK
- cmyk(3% 8% 0% 10%)
Tinte · Ombre · Toni
Tinte
- E1D7E9
- E5DCEB
- E8E0EE
- EBE4F0
- EEE9F3
- F2EDF5
- F5F2F8
- F8F6FA
- FCFBFD
Ombre
- C1B7C8
- A59CAB
- 89828E
- 6F6973
- 555159
- 3D3A40
- 262428
- 121013
- 020203
Toni
- D4CADB
- CAC2D1
- C1B9C6
- B7B1BC
- AEA9B2
- A4A0A8
- 9B989D
- 929094
- 89888A
Armonie di colore
Complementare +180°
- DED3E6
Alpine Moon
- D1DCC9
≈ Duchamp Light Green
Analogo -30° +30°
- DED3E6
Alpine Moon
- D4D6EB
≈ Early Dog Violet
- E6D1DD
≈ Nefarious Mauve
Triadico +120° +240°
- DED3E6
Alpine Moon
- E4D5C4
≈ Hanyauku
- C4DEDC
≈ Light Dante Peak
Complementare divisa +150° +210°
- DED3E6
Alpine Moon
- DBD9C4
≈ Loafer
- C8DED2
≈ Kappa Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.56:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--alpine-moon: #ded3e6;
--alpine-moon-rgb: 222 211 230;
--alpine-moon-oklch: oklch(0.881 0.028 311.3);
}
.element {
color: var(--alpine-moon);
background-color: hsl(275 28% 86%);
border-color: oklch(0.881 0.028 311.3);
}Tailwind CSS v4
@theme {
--color-alpine-moon: #ded3e6;
--color-alpine-moon-50: #f8f3fb;
--color-alpine-moon-100: #ebe5ef;
--color-alpine-moon-200: #d9d1dd;
--color-alpine-moon-300: #bdb3c2;
--color-alpine-moon-400: #a49aab;
--color-alpine-moon-500: #8c8194;
--color-alpine-moon-600: #776d7d;
--color-alpine-moon-700: #5f5764;
--color-alpine-moon-800: #45404a;
--color-alpine-moon-900: #302c33;
--color-alpine-moon-950: #1c191f;
}SCSS
$alpine-moon: #ded3e6;
$alpine-moon-rgb: 222, 211, 230;
$alpine-moon-light: mix(#fff, $alpine-moon, 20%);
$alpine-moon-dark: mix(#000, $alpine-moon, 20%);
.element {
color: $alpine-moon;
box-shadow: 0 0 0 2px rgba($alpine-moon, 0.35);
}