Colore con nome · #CFC4C7
Piano Grey Rose
Piano Grey Rose è #CFC4C7: rgb(207 196 199), hsl(344 10% 79%), oklch(0.83 0.013 358.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Piano Grey Rose color name →
#CFC4C7
oklch(0.83 0.013 358.8)
Conversioni di colore
- HEX
- #cfc4c7
- RGB
- rgb(207 196 199)
- HSL
- hsl(344 10% 79%)
- HWB
- hwb(344 77% 19%)
- OKLCH
- oklch(0.83 0.013 358.8)
- OKLab
- oklab(0.83 0.013 0)
- CIE Lab
- lab(80.13 4.37 -0.06)
- LCH
- lch(80.13 4.37 359.3)
- CMYK
- cmyk(0% 5% 4% 19%)
Tinte · Ombre · Toni
Tinte
- D4CACC
- D8D0D2
- DDD5D8
- E2DBDD
- E7E1E3
- ECE7E8
- F0EDEE
- F5F3F4
- FAF9F9
Ombre
- B4AAAD
- 999193
- 7F787A
- 676162
- 4F4A4C
- 383536
- 232121
- 100E0E
- 020202
Toni
- C7BDC0
- BFB6B8
- B7AFB1
- AFA8AA
- A7A1A3
- 9F9B9C
- 979495
- 8F8D8E
- 888787
Armonie di colore
Complementare +180°
- CFC4C7
Piano Grey Rose
- BFCAC7
≈ Urban Raincoat
Analogo -30° +30°
- CFC4C7
Piano Grey Rose
- CCC4CB
≈ Limpid Light
- D0C4C3
≈ Vaguely Mauve
Triadico +120° +240°
- CFC4C7
Piano Grey Rose
- C6C9BF
≈ Dust Green
- C0C9CF
≈ Bay of Hope
Complementare divisa +150° +210°
- CFC4C7
Piano Grey Rose
- C2CAC3
≈ Willow Green
- BECACC
≈ Ice Flow
Tetradico +90° +180° +270°
- CFC4C7
Piano Grey Rose
- CBC7BE
≈ Early Evening
- BFCAC7
≈ Urban Raincoat
- C4C7D0
≈ Viola Ice Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.37:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.37:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--piano-grey-rose: #cfc4c7;
--piano-grey-rose-rgb: 207 196 199;
--piano-grey-rose-oklch: oklch(0.83 0.013 358.8);
}
.element {
color: var(--piano-grey-rose);
background-color: hsl(344 10% 79%);
border-color: oklch(0.83 0.013 358.8);
}Tailwind CSS v4
@theme {
--color-piano-grey-rose: #cfc4c7;
--color-piano-grey-rose-50: #f9f4f5;
--color-piano-grey-rose-100: #ece6e7;
--color-piano-grey-rose-200: #d9d2d4;
--color-piano-grey-rose-300: #bdb5b7;
--color-piano-grey-rose-400: #a59b9e;
--color-piano-grey-rose-500: #8e8386;
--color-piano-grey-rose-600: #786f71;
--color-piano-grey-rose-700: #60585b;
--color-piano-grey-rose-800: #464142;
--color-piano-grey-rose-900: #312c2e;
--color-piano-grey-rose-950: #1d1a1b;
}SCSS
$piano-grey-rose: #cfc4c7;
$piano-grey-rose-rgb: 207, 196, 199;
$piano-grey-rose-light: mix(#fff, $piano-grey-rose, 20%);
$piano-grey-rose-dark: mix(#000, $piano-grey-rose, 20%);
.element {
color: $piano-grey-rose;
box-shadow: 0 0 0 2px rgba($piano-grey-rose, 0.35);
}