Colore con nome · #AFC9C0
Nadia
Nadia è #AFC9C0: rgb(175 201 192), hsl(159 19% 74%), oklch(0.814 0.031 172.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Nadia color name →
#AFC9C0
oklch(0.814 0.031 172.7)
Conversioni di colore
- HEX
- #afc9c0
- RGB
- rgb(175 201 192)
- HSL
- hsl(159 19% 74%)
- HWB
- hwb(159 69% 21%)
- OKLCH
- oklch(0.814 0.031 172.7)
- OKLab
- oklab(0.814 -0.03 0.004)
- CIE Lab
- lab(78.81 -10.42 1.4)
- LCH
- lch(78.81 10.51 172.4)
- CMYK
- cmyk(13% 0% 4% 21%)
Tinte · Ombre · Toni
Tinte
- B7CEC6
- BFD4CC
- C7D9D3
- CFDED9
- D7E4DF
- DFE9E5
- E7EFEC
- EFF4F2
- F7FAF9
Ombre
- 98AEA7
- 81958E
- 6B7C76
- 56645F
- 414C49
- 2E3634
- 1C2220
- 0B0F0E
- 010202
Toni
- AAC1B9
- A6BAB3
- A1B3AC
- 9CABA6
- 97A49F
- 939D99
- 8E9593
- 898E8C
- 858786
Armonie di colore
Complementare +180°
- AFC9C0
Nadia
- D3BAC4
≈ Queen’s Tart
Analogo -30° +30°
- AFC9C0
Nadia
- B7C8B5
≈ Aqua Dream
- ACC8CB
≈ Billowy Breeze
Triadico +120° +240°
- AFC9C0
Nadia
- C2BFD5
≈ Estate Violet
- D3BDB0
≈ First Waltz
Complementare divisa +150° +210°
- AFC9C0
Nadia
- CCBCCE
≈ Last of the Lilacs
- D6BBB9
≈ Sepia Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.93:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--nadia: #afc9c0;
--nadia-rgb: 175 201 192;
--nadia-oklch: oklch(0.814 0.031 172.7);
}
.element {
color: var(--nadia);
background-color: hsl(159 19% 74%);
border-color: oklch(0.814 0.031 172.7);
}Tailwind CSS v4
@theme {
--color-nadia: #afc9c0;
--color-nadia-50: #edf8f4;
--color-nadia-100: #deebe7;
--color-nadia-200: #c8d9d3;
--color-nadia-300: #a8bdb6;
--color-nadia-400: #8da59c;
--color-nadia-500: #728d84;
--color-nadia-600: #617770;
--color-nadia-700: #4d6059;
--color-nadia-800: #384641;
--color-nadia-900: #26302d;
--color-nadia-950: #151d1a;
}SCSS
$nadia: #afc9c0;
$nadia-rgb: 175, 201, 192;
$nadia-light: mix(#fff, $nadia, 20%);
$nadia-dark: mix(#000, $nadia, 20%);
.element {
color: $nadia;
box-shadow: 0 0 0 2px rgba($nadia, 0.35);
}