Colore con nome · #DFC1C3
Cameo Appearance
Cameo Appearance è #DFC1C3: rgb(223 193 195), hsl(356 32% 82%), oklch(0.837 0.034 13.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cameo Appearance color name →
#DFC1C3
oklch(0.837 0.034 13.3)
Conversioni di colore
- HEX
- #dfc1c3
- RGB
- rgb(223 193 195)
- HSL
- hsl(356 32% 82%)
- HWB
- hwb(356 76% 13%)
- OKLCH
- oklch(0.837 0.034 13.3)
- OKLab
- oklab(0.837 0.033 0.008)
- CIE Lab
- lab(80.71 11.23 3.13)
- LCH
- lch(80.71 11.66 15.6)
- CMYK
- cmyk(0% 13% 13% 13%)
Tinte · Ombre · Toni
Tinte
- E2C7C9
- E6CDCF
- E9D3D5
- ECDADB
- EFE0E1
- F2E6E7
- F6ECED
- F9F2F3
- FCF9F9
Ombre
- C2A7A9
- A58F90
- 8A7778
- 6F5F60
- 56494A
- 3D3434
- 272020
- 120E0E
- 020202
Toni
- D5BABC
- CBB4B5
- C2ADAE
- B8A6A8
- AFA0A1
- A5999A
- 9C9394
- 928D8D
- 898686
Armonie di colore
Complementare +180°
- DFC1C3
Cameo Appearance
- B1D1D0
≈ Icy Morn
Analogo -30° +30°
- DFC1C3
Cameo Appearance
- DBC1CF
≈ Twilight Light
- DEC3B8
≈ Canyon Dusk
Triadico +120° +240°
- DFC1C3
Cameo Appearance
- C1CFB8
≈ Tender Greens
- BACBE0
≈ Mystic River
Complementare divisa +150° +210°
- DFC1C3
Cameo Appearance
- B6D1C3
≈ Quiet Drizzle
- B3CFDA
≈ Stencil Blue
Tetradico +90° +180° +270°
- DFC1C3
Cameo Appearance
- CDCBB2
≈ Only Olive
- B1D1D0
≈ Icy Morn
- C6C7E0
≈ Purple Purity
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.55:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.55:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--cameo-appearance: #dfc1c3;
--cameo-appearance-rgb: 223 193 195;
--cameo-appearance-oklch: oklch(0.837 0.034 13.3);
}
.element {
color: var(--cameo-appearance);
background-color: hsl(356 32% 82%);
border-color: oklch(0.837 0.034 13.3);
}Tailwind CSS v4
@theme {
--color-cameo-appearance: #dfc1c3;
--color-cameo-appearance-50: #fff1f2;
--color-cameo-appearance-100: #f3e4e4;
--color-cameo-appearance-200: #e3cfcf;
--color-cameo-appearance-300: #c8b1b2;
--color-cameo-appearance-400: #b29798;
--color-cameo-appearance-500: #9c7d7f;
--color-cameo-appearance-600: #846a6c;
--color-cameo-appearance-700: #695556;
--color-cameo-appearance-800: #4d3e3f;
--color-cameo-appearance-900: #362a2c;
--color-cameo-appearance-950: #211819;
}SCSS
$cameo-appearance: #dfc1c3;
$cameo-appearance-rgb: 223, 193, 195;
$cameo-appearance-light: mix(#fff, $cameo-appearance, 20%);
$cameo-appearance-dark: mix(#000, $cameo-appearance, 20%);
.element {
color: $cameo-appearance;
box-shadow: 0 0 0 2px rgba($cameo-appearance, 0.35);
}