Color con nombre · #D5CBC3
Dusky Morn
Dusky Morn es #D5CBC3: rgb(213 203 195), hsl(27 18% 80%), oklch(0.848 0.016 61.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Dusky Morn color name →
#D5CBC3
oklch(0.848 0.016 61.3)
Conversiones de color
- HEX
- #d5cbc3
- RGB
- rgb(213 203 195)
- HSL
- hsl(27 18% 80%)
- HWB
- hwb(27 76% 16%)
- OKLCH
- oklch(0.848 0.016 61.3)
- OKLab
- oklab(0.848 0.008 0.014)
- CIE Lab
- lab(82.34 2.57 5.31)
- LCH
- lch(82.34 5.9 64.2)
- CMYK
- cmyk(0% 5% 8% 16%)
Tintes · Sombras · Tonos
Tintes
- D9D0C9
- DDD5CF
- E1DAD5
- E6E0DB
- EAE5E1
- EEEAE7
- F2EFED
- F7F4F3
- FBFAF9
Sombras
- B9B0A9
- 9E9690
- 837D78
- 6A6560
- 514D4A
- 3A3734
- 242220
- 100F0E
- 020202
Tonos
- CCC3BC
- C3BCB5
- BBB4AE
- B2ACA8
- AAA5A1
- A19D9A
- 999694
- 908E8D
- 888786
Armonías de color
Complementario +180°
- D5CBC3
Dusky Morn
- C4CFD7
≈ Nefarious Blue
Análogo -30° +30°
- D5CBC3
Dusky Morn
- D7CAC7
≈ Orchid Blush
- D1CDC2
≈ Crocodile Tooth
Triádico +120° +240°
- D5CBC3
Dusky Morn
- C3D1CE
≈ Winter Garden
- CFCBD6
≈ Diaphanous
Complementario dividido +150° +210°
- D5CBC3
Dusky Morn
- C2D0D3
≈ Catalyst Grey
- C9CDD8
≈ Post Apocalyptic Cloud
Tetrádico +90° +180° +270°
- D5CBC3
Dusky Morn
- C6D0C8
≈ Murmur
- C4CFD7
≈ Nefarious Blue
- D3CAD2
≈ Orchid Tint
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.15:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--dusky-morn: #d5cbc3;
--dusky-morn-rgb: 213 203 195;
--dusky-morn-oklch: oklch(0.848 0.016 61.3);
}
.element {
color: var(--dusky-morn);
background-color: hsl(27 18% 80%);
border-color: oklch(0.848 0.016 61.3);
}Tailwind CSS v4
@theme {
--color-dusky-morn: #d5cbc3;
--color-dusky-morn-50: #f8f4f1;
--color-dusky-morn-100: #ece7e3;
--color-dusky-morn-200: #d9d3cd;
--color-dusky-morn-300: #bdb6af;
--color-dusky-morn-400: #a69d95;
--color-dusky-morn-500: #8e847c;
--color-dusky-morn-600: #787069;
--color-dusky-morn-700: #605954;
--color-dusky-morn-800: #47413d;
--color-dusky-morn-900: #312d2a;
--color-dusky-morn-950: #1d1a18;
}SCSS
$dusky-morn: #d5cbc3;
$dusky-morn-rgb: 213, 203, 195;
$dusky-morn-light: mix(#fff, $dusky-morn, 20%);
$dusky-morn-dark: mix(#000, $dusky-morn, 20%);
.element {
color: $dusky-morn;
box-shadow: 0 0 0 2px rgba($dusky-morn, 0.35);
}