Colore con nome · #CFD0C5
Pan’s Flute
Pan’s Flute è #CFD0C5: rgb(207 208 197), hsl(65 10% 79%), oklch(0.854 0.015 110.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pan’s Flute color name →
#CFD0C5
oklch(0.854 0.015 110.9)
Conversioni di colore
- HEX
- #cfd0c5
- RGB
- rgb(207 208 197)
- HSL
- hsl(65 10% 79%)
- HWB
- hwb(65 77% 18%)
- OKLCH
- oklch(0.854 0.015 110.9)
- OKLab
- oklab(0.854 -0.005 0.014)
- CIE Lab
- lab(83.17 -1.81 5.35)
- LCH
- lch(83.17 5.65 108.7)
- CMYK
- cmyk(0% 0% 5% 18%)
Tinte · Ombre · Toni
Tinte
- D4D5CB
- D8D9D0
- DDDED6
- E2E3DC
- E7E7E2
- ECECE8
- F0F1ED
- F5F5F3
- FAFAF9
Ombre
- B4B5AB
- 999A92
- 7F8079
- 676761
- 4F4F4B
- 383935
- 232321
- 10100E
- 020202
Toni
- C7C8BE
- BFBFB7
- B7B7B0
- AFAFA9
- A7A7A2
- 9F9F9B
- 979794
- 8F8F8D
- 888887
Armonie di colore
Complementare +180°
- CFD0C5
Pan’s Flute
- CFCDD8
≈ Lavender Sparkle
Analogo -30° +30°
- CFD0C5
Pan’s Flute
- D4CEC4
≈ Gossamer Veil
- CAD2C8
≈ Washed Green
Triadico +120° +240°
- CFD0C5
Pan’s Flute
- C6D1D7
≈ Wind Weaver
- D7CBD0
≈ Old Red Crest
Complementare divisa +150° +210°
- CFD0C5
Pan’s Flute
- C9CFD9
≈ Quarzo
- D4CCD5
≈ Coverts Wood Pigeon
Tetradico +90° +180° +270°
- CFD0C5
Pan’s Flute
- C4D2D3
≈ Sunday Sky
- CFCDD8
≈ Lavender Sparkle
- D9CBCB
≈ Lilac Ash
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.48:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.48:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--pan-s-flute: #cfd0c5;
--pan-s-flute-rgb: 207 208 197;
--pan-s-flute-oklch: oklch(0.854 0.015 110.9);
}
.element {
color: var(--pan-s-flute);
background-color: hsl(65 10% 79%);
border-color: oklch(0.854 0.015 110.9);
}Tailwind CSS v4
@theme {
--color-pan-s-flute: #cfd0c5;
--color-pan-s-flute-50: #f5f6f1;
--color-pan-s-flute-100: #e8e8e3;
--color-pan-s-flute-200: #d4d5ce;
--color-pan-s-flute-300: #b7b8b0;
--color-pan-s-flute-400: #9e9f95;
--color-pan-s-flute-500: #86877c;
--color-pan-s-flute-600: #727269;
--color-pan-s-flute-700: #5b5c54;
--color-pan-s-flute-800: #43433d;
--color-pan-s-flute-900: #2e2e2a;
--color-pan-s-flute-950: #1b1b17;
}SCSS
$pan-s-flute: #cfd0c5;
$pan-s-flute-rgb: 207, 208, 197;
$pan-s-flute-light: mix(#fff, $pan-s-flute, 20%);
$pan-s-flute-dark: mix(#000, $pan-s-flute, 20%);
.element {
color: $pan-s-flute;
box-shadow: 0 0 0 2px rgba($pan-s-flute, 0.35);
}