Colore con nome · #C8C6DA
Pax
Pax è #C8C6DA: rgb(200 198 218), hsl(246 21% 82%), oklch(0.834 0.028 290.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pax color name →
#C8C6DA
oklch(0.834 0.028 290.4)
Conversioni di colore
- HEX
- #c8c6da
- RGB
- rgb(200 198 218)
- HSL
- hsl(246 21% 82%)
- HWB
- hwb(246 78% 15%)
- OKLCH
- oklch(0.834 0.028 290.4)
- OKLab
- oklab(0.834 0.01 -0.026)
- CIE Lab
- lab(80.51 3.56 -9.74)
- LCH
- lch(80.51 10.37 290.1)
- CMYK
- cmyk(8% 9% 0% 15%)
Tinte · Ombre · Toni
Tinte
- CDCCDE
- D3D1E1
- D8D7E5
- DEDDE9
- E3E2EC
- E9E8F0
- EEEEF4
- F4F3F8
- F9F9FB
Ombre
- AEACBD
- 9492A2
- 7B7A87
- 63626C
- 4C4B54
- 36353C
- 212125
- 0F0E11
- 020202
Toni
- C1BFD1
- B9B8C7
- B2B0BE
- AAA9B5
- A3A2AC
- 9C9BA3
- 95949A
- 8E8E91
- 878789
Armonie di colore
Complementare +180°
- C8C6DA
Pax
- C9CBB6
≈ Whispering Pine
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.54:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--pax: #c8c6da;
--pax-rgb: 200 198 218;
--pax-oklch: oklch(0.834 0.028 290.4);
}
.element {
color: var(--pax);
background-color: hsl(246 21% 82%);
border-color: oklch(0.834 0.028 290.4);
}Tailwind CSS v4
@theme {
--color-pax: #c8c6da;
--color-pax-50: #f5f4fd;
--color-pax-100: #e8e6f1;
--color-pax-200: #d4d2df;
--color-pax-300: #b7b5c5;
--color-pax-400: #9e9cae;
--color-pax-500: #868398;
--color-pax-600: #716f80;
--color-pax-700: #5a5967;
--color-pax-800: #42414c;
--color-pax-900: #2d2d35;
--color-pax-950: #1a1a20;
}SCSS
$pax: #c8c6da;
$pax-rgb: 200, 198, 218;
$pax-light: mix(#fff, $pax, 20%);
$pax-dark: mix(#000, $pax, 20%);
.element {
color: $pax;
box-shadow: 0 0 0 2px rgba($pax, 0.35);
}