Color con nombre · #D2CEC4
Exhale
Exhale es #D2CEC4: rgb(210 206 196), hsl(43 13% 80%), oklch(0.852 0.014 88.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Exhale color name →
#D2CEC4
oklch(0.852 0.014 88.7)
Conversiones de color
- HEX
- #d2cec4
- RGB
- rgb(210 206 196)
- HSL
- hsl(43 13% 80%)
- HWB
- hwb(43 77% 18%)
- OKLCH
- oklch(0.852 0.014 88.7)
- OKLab
- oklab(0.852 0 0.014)
- CIE Lab
- lab(82.88 0.12 5.5)
- LCH
- lch(82.88 5.51 88.7)
- CMYK
- cmyk(0% 2% 7% 18%)
Tintes · Sombras · Tonos
Tintes
- D6D3CA
- DBD8D0
- DFDDD5
- E4E1DB
- E8E6E1
- EDEBE7
- F1F0ED
- F6F5F3
- FAFAF9
Sombras
- B6B3AA
- 9B9891
- 817F78
- 686661
- 504E4A
- 393835
- 242321
- 100F0E
- 020202
Tonos
- C9C6BD
- C1BEB6
- B9B6AF
- B0AEA8
- A8A6A1
- A09E9B
- 989794
- 908F8D
- 888787
Armonías de color
Complementario +180°
- D2CEC4
Exhale
- CACED8
≈ Post Apocalyptic Cloud
Análogo -30° +30°
- D2CEC4
Exhale
- D6CCC5
≈ Seed Cathedral
- CDD0C5
≈ Pan’s Flute
Triádico +120° +240°
- D2CEC4
Exhale
- C4D1D3
≈ Sunday Sky
- D4CBD3
≈ Light Stately Frills
Complementario dividido +150° +210°
- D2CEC4
Exhale
- C6D0D7
≈ Wind Weaver
- CFCCD7
≈ Diaphanous
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.36:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--exhale: #d2cec4;
--exhale-rgb: 210 206 196;
--exhale-oklch: oklch(0.852 0.014 88.7);
}
.element {
color: var(--exhale);
background-color: hsl(43 13% 80%);
border-color: oklch(0.852 0.014 88.7);
}Tailwind CSS v4
@theme {
--color-exhale: #d2cec4;
--color-exhale-50: #f7f5f1;
--color-exhale-100: #e9e8e3;
--color-exhale-200: #d6d4cd;
--color-exhale-300: #bab7af;
--color-exhale-400: #a29e95;
--color-exhale-500: #8a867c;
--color-exhale-600: #757169;
--color-exhale-700: #5d5b54;
--color-exhale-800: #44423d;
--color-exhale-900: #2f2e2a;
--color-exhale-950: #1c1a17;
}SCSS
$exhale: #d2cec4;
$exhale-rgb: 210, 206, 196;
$exhale-light: mix(#fff, $exhale, 20%);
$exhale-dark: mix(#000, $exhale, 20%);
.element {
color: $exhale;
box-shadow: 0 0 0 2px rgba($exhale, 0.35);
}