Color con nombre · #D9CAC3
Goodbye Kiss
Goodbye Kiss es #D9CAC3: rgb(217 202 195), hsl(19 22% 81%), oklch(0.849 0.019 46.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Goodbye Kiss color name →
#D9CAC3
oklch(0.849 0.019 46.8)
Conversiones de color
- HEX
- #d9cac3
- RGB
- rgb(217 202 195)
- HSL
- hsl(19 22% 81%)
- HWB
- hwb(19 76% 15%)
- OKLCH
- oklch(0.849 0.019 46.8)
- OKLab
- oklab(0.849 0.013 0.014)
- CIE Lab
- lab(82.43 4.53 5.49)
- LCH
- lch(82.43 7.12 50.5)
- CMYK
- cmyk(0% 7% 10% 15%)
Tintes · Sombras · Tonos
Tintes
- DDCFC9
- E1D4CF
- E4DAD5
- E8DFDB
- ECE4E1
- F0EAE7
- F4EFED
- F7F4F3
- FBFAF9
Sombras
- BCAFA9
- A19590
- 867C78
- 6C6460
- 534D4A
- 3B3734
- 252220
- 110F0E
- 020202
Tonos
- D0C2BC
- C7BBB5
- BDB3AE
- B4ACA8
- ABA4A1
- A39D9A
- 9A9694
- 918E8D
- 898786
Armonías de color
Complementario +180°
- D9CAC3
Goodbye Kiss
- C1D0D7
≈ Tinsel Beam
Análogo -30° +30°
- D9CAC3
Goodbye Kiss
- DAC9C9
≈ Light Pink Polar
- D5CCC0
≈ In the Buff
Triádico +120° +240°
- D9CAC3
Goodbye Kiss
- C2D2CB
≈ Spearmint Ice
- CCCCDA
≈ Lunar Dust
Complementario dividido +150° +210°
- D9CAC3
Goodbye Kiss
- C0D2D2
≈ Icy Waterfall
- C6CEDA
≈ Steel Mist
Tetrádico +90° +180° +270°
- D9CAC3
Goodbye Kiss
- C8D1C4
≈ White Granite
- C1D0D7
≈ Tinsel Beam
- D3CAD6
≈ Orchid Tint
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.18:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--goodbye-kiss: #d9cac3;
--goodbye-kiss-rgb: 217 202 195;
--goodbye-kiss-oklch: oklch(0.849 0.019 46.8);
}
.element {
color: var(--goodbye-kiss);
background-color: hsl(19 22% 81%);
border-color: oklch(0.849 0.019 46.8);
}Tailwind CSS v4
@theme {
--color-goodbye-kiss: #d9cac3;
--color-goodbye-kiss-50: #faf4f0;
--color-goodbye-kiss-100: #eee6e2;
--color-goodbye-kiss-200: #dcd2cd;
--color-goodbye-kiss-300: #c0b5af;
--color-goodbye-kiss-400: #a99b95;
--color-goodbye-kiss-500: #92837b;
--color-goodbye-kiss-600: #7b6f69;
--color-goodbye-kiss-700: #635854;
--color-goodbye-kiss-800: #48403d;
--color-goodbye-kiss-900: #322c2a;
--color-goodbye-kiss-950: #1e1917;
}SCSS
$goodbye-kiss: #d9cac3;
$goodbye-kiss-rgb: 217, 202, 195;
$goodbye-kiss-light: mix(#fff, $goodbye-kiss, 20%);
$goodbye-kiss-dark: mix(#000, $goodbye-kiss, 20%);
.element {
color: $goodbye-kiss;
box-shadow: 0 0 0 2px rgba($goodbye-kiss, 0.35);
}