Colore con nome · #A8C0CE
Graceful
Graceful è #A8C0CE: rgb(168 192 206), hsl(202 28% 73%), oklch(0.794 0.033 233.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Graceful color name →
#A8C0CE
oklch(0.794 0.033 233.4)
Conversioni di colore
- HEX
- #a8c0ce
- RGB
- rgb(168 192 206)
- HSL
- hsl(202 28% 73%)
- HWB
- hwb(202 66% 19%)
- OKLCH
- oklch(0.794 0.033 233.4)
- OKLab
- oklab(0.794 -0.02 -0.026)
- CIE Lab
- lab(76.22 -6.22 -9.95)
- LCH
- lch(76.22 11.74 238)
- CMYK
- cmyk(18% 7% 0% 19%)
Tinte · Ombre · Toni
Tinte
- B1C6D3
- B9CCD8
- C2D3DD
- CAD9E1
- D3DFE6
- DCE5EB
- E4ECF0
- EDF2F5
- F6F9FA
Ombre
- 92A7B3
- 7C8E98
- 67767F
- 525F66
- 3F494E
- 2C3438
- 1A2023
- 0A0E0F
- 010202
Toni
- A4B9C6
- A0B3BE
- 9CACB6
- 98A6AE
- 949FA6
- 90999E
- 8C9397
- 888C8F
- 848688
Armonie di colore
Complementare +180°
- A8C0CE
Graceful
- CEB7A9
≈ Likeable Sand
Analogo -30° +30°
- A8C0CE
Graceful
- A4C3C5
≈ Ocean Kiss
- B1BCD2
≈ Cold Winter’s Morn
Triadico +120° +240°
- A8C0CE
Graceful
- CEB4BD
≈ Candlelight Dinner
- BBBFA7
≈ Beryl Green
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.09:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--graceful: #a8c0ce;
--graceful-rgb: 168 192 206;
--graceful-oklch: oklch(0.794 0.033 233.4);
}
.element {
color: var(--graceful);
background-color: hsl(202 28% 73%);
border-color: oklch(0.794 0.033 233.4);
}Tailwind CSS v4
@theme {
--color-graceful: #a8c0ce;
--color-graceful-50: #edf7fd;
--color-graceful-100: #deeaf2;
--color-graceful-200: #c7d7e1;
--color-graceful-300: #a8bac6;
--color-graceful-400: #8ca2af;
--color-graceful-500: #718a99;
--color-graceful-600: #607581;
--color-graceful-700: #4d5e67;
--color-graceful-800: #37454c;
--color-graceful-900: #262f35;
--color-graceful-950: #141c20;
}SCSS
$graceful: #a8c0ce;
$graceful-rgb: 168, 192, 206;
$graceful-light: mix(#fff, $graceful, 20%);
$graceful-dark: mix(#000, $graceful, 20%);
.element {
color: $graceful;
box-shadow: 0 0 0 2px rgba($graceful, 0.35);
}