Colore con nome · #DFCEC6
Morganite
Morganite è #DFCEC6: rgb(223 206 198), hsl(19 28% 83%), oklch(0.863 0.022 47). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Morganite color name →
#DFCEC6
oklch(0.863 0.022 47)
Conversioni di colore
- HEX
- #dfcec6
- RGB
- rgb(223 206 198)
- HSL
- hsl(19 28% 83%)
- HWB
- hwb(19 78% 13%)
- OKLCH
- oklch(0.863 0.022 47)
- OKLab
- oklab(0.863 0.015 0.016)
- CIE Lab
- lab(84.01 5.12 6.24)
- LCH
- lch(84.01 8.07 50.6)
- CMYK
- cmyk(0% 8% 11% 13%)
Tinte · Ombre · Toni
Tinte
- E2D3CC
- E5D8D1
- E9DDD7
- ECE1DD
- EFE6E2
- F2EBE8
- F5F0EE
- F9F5F3
- FCFAF9
Ombre
- C2B3AC
- A59892
- 8A7F7A
- 6F6662
- 564E4B
- 3D3835
- 272321
- 120F0E
- 020202
Toni
- D5C6BF
- CBBEB8
- C2B6B0
- B8AEA9
- AEA6A2
- A59E9B
- 9C9794
- 928F8E
- 898787
Armonie di colore
Complementare +180°
- DFCEC6
Morganite
- C4D5DD
≈ Icecap
Analogo -30° +30°
- DFCEC6
Morganite
- E0CDCD
≈ Delirious Donkey
- DAD0C2
≈ Blanc
Triadico +120° +240°
- DFCEC6
Morganite
- C5D7CF
≈ Geyser
- D0D0E0
≈ Hailstorm
Complementare divisa +150° +210°
- DFCEC6
Morganite
- C2D7D7
≈ Haint Blue
- C9D3E1
≈ Light Angora Blue
Tetradico +90° +180° +270°
- DFCEC6
Morganite
- CBD6C8
≈ Falling Star
- C4D5DD
≈ Icecap
- D8CEDC
≈ Dusty Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.78:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--morganite: #dfcec6;
--morganite-rgb: 223 206 198;
--morganite-oklch: oklch(0.863 0.022 47);
}
.element {
color: var(--morganite);
background-color: hsl(19 28% 83%);
border-color: oklch(0.863 0.022 47);
}Tailwind CSS v4
@theme {
--color-morganite: #dfcec6;
--color-morganite-50: #fbf3f0;
--color-morganite-100: #eee6e2;
--color-morganite-200: #ddd2cc;
--color-morganite-300: #c1b4ae;
--color-morganite-400: #aa9b94;
--color-morganite-500: #93827a;
--color-morganite-600: #7c6e67;
--color-morganite-700: #645853;
--color-morganite-800: #49403c;
--color-morganite-900: #332c29;
--color-morganite-950: #1e1917;
}SCSS
$morganite: #dfcec6;
$morganite-rgb: 223, 206, 198;
$morganite-light: mix(#fff, $morganite, 20%);
$morganite-dark: mix(#000, $morganite, 20%);
.element {
color: $morganite;
box-shadow: 0 0 0 2px rgba($morganite, 0.35);
}