Colore con nome · #DCC7D5
Sleepy Kisses
Sleepy Kisses è #DCC7D5: rgb(220 199 213), hsl(320 23% 82%), oklch(0.851 0.03 338). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sleepy Kisses color name →
#DCC7D5
oklch(0.851 0.03 338)
Conversioni di colore
- HEX
- #dcc7d5
- RGB
- rgb(220 199 213)
- HSL
- hsl(320 23% 82%)
- HWB
- hwb(320 78% 14%)
- OKLCH
- oklch(0.851 0.03 338)
- OKLab
- oklab(0.851 0.028 -0.011)
- CIE Lab
- lab(82.33 9.41 -4.18)
- LCH
- lch(82.33 10.3 336.1)
- CMYK
- cmyk(0% 10% 3% 14%)
Tinte · Ombre · Toni
Tinte
- E0CDD9
- E3D2DD
- E7D8E1
- EADDE6
- EEE3EA
- F1E8EE
- F5EEF2
- F8F4F7
- FCF9FB
Ombre
- BFADB9
- A3939E
- 887A83
- 6E626A
- 544C51
- 3C363A
- 262124
- 110E10
- 020202
Toni
- D2C0CC
- C9B8C3
- C0B1BB
- B6AAB2
- ADA3AA
- A49CA1
- 9B9599
- 928E90
- 898788
Armonie di colore
Complementare +180°
- DCC7D5
Sleepy Kisses
- BFD4C7
≈ Garden Statue
Analogo -30° +30°
- DCC7D5
Sleepy Kisses
- D3C9DE
≈ Lavender Water
- E1C6CA
≈ Pink Pandora
Triadico +120° +240°
- DCC7D5
Sleepy Kisses
- D3CFB9
≈ Velum Smoke
- B9D3DB
≈ Light Salt Spray
Complementare divisa +150° +210°
- DCC7D5
Sleepy Kisses
- C8D2BE
≈ Tomatillo Peel
- B9D5D2
≈ Wingsuit Wind
Tetradico +90° +180° +270°
- DCC7D5
Sleepy Kisses
- DCCBBA
≈ Honey Lime Chicken
- BFD4C7
≈ Garden Statue
- BFD0E1
≈ Sleep Baby Sleep
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.17:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--sleepy-kisses: #dcc7d5;
--sleepy-kisses-rgb: 220 199 213;
--sleepy-kisses-oklch: oklch(0.851 0.03 338);
}
.element {
color: var(--sleepy-kisses);
background-color: hsl(320 23% 82%);
border-color: oklch(0.851 0.03 338);
}Tailwind CSS v4
@theme {
--color-sleepy-kisses: #dcc7d5;
--color-sleepy-kisses-50: #fbf2f8;
--color-sleepy-kisses-100: #efe4eb;
--color-sleepy-kisses-200: #decfd8;
--color-sleepy-kisses-300: #c3b2bc;
--color-sleepy-kisses-400: #ab98a5;
--color-sleepy-kisses-500: #947f8d;
--color-sleepy-kisses-600: #7d6b77;
--color-sleepy-kisses-700: #645660;
--color-sleepy-kisses-800: #493f46;
--color-sleepy-kisses-900: #332b31;
--color-sleepy-kisses-950: #1f181d;
}SCSS
$sleepy-kisses: #dcc7d5;
$sleepy-kisses-rgb: 220, 199, 213;
$sleepy-kisses-light: mix(#fff, $sleepy-kisses, 20%);
$sleepy-kisses-dark: mix(#000, $sleepy-kisses, 20%);
.element {
color: $sleepy-kisses;
box-shadow: 0 0 0 2px rgba($sleepy-kisses, 0.35);
}