Colore con nome · #A7BDBA
Sweetest Damask
Sweetest Damask è #A7BDBA: rgb(167 189 186), hsl(172 14% 70%), oklch(0.781 0.024 186.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sweetest Damask color name →
#A7BDBA
oklch(0.781 0.024 186.7)
Conversioni di colore
- HEX
- #a7bdba
- RGB
- rgb(167 189 186)
- HSL
- hsl(172 14% 70%)
- HWB
- hwb(172 65% 26%)
- OKLCH
- oklch(0.781 0.024 186.7)
- OKLab
- oklab(0.781 -0.024 -0.003)
- CIE Lab
- lab(74.86 -8.24 -1.17)
- LCH
- lch(74.86 8.32 188)
- CMYK
- cmyk(12% 0% 2% 26%)
Tinte · Ombre · Toni
Tinte
- B0C3C1
- B8CAC7
- C1D0CE
- CAD7D5
- D2DEDC
- DBE4E3
- E4EBEA
- EDF2F1
- F6F8F8
Ombre
- 91A4A1
- 7B8C89
- 667472
- 525D5C
- 3E4746
- 2C3332
- 1A1F1E
- 0A0D0D
- 010202
Toni
- A3B7B4
- 9FB0AE
- 9BAAA8
- 97A4A2
- 939E9D
- 909897
- 8C9291
- 888C8B
- 848686
Armonie di colore
Complementare +180°
- A7BDBA
Sweetest Damask
- C6B2B5
≈ Blossom Powder
Analogo -30° +30°
- A7BDBA
Sweetest Damask
- ACBDB1
≈ Foggy Rain
- A7BCC2
≈ Seafoam Slate
Triadico +120° +240°
- A7BDBA
Sweetest Damask
- BCB4C4
≈ Perplexed
- C3B5A8
≈ Ash Grey
Complementare divisa +150° +210°
- A7BDBA
Sweetest Damask
- C2B2BD
≈ La-De-Dah
- C7B3AD
≈ Subdued Hue
Tetradico +90° +180° +270°
- A7BDBA
Sweetest Damask
- B3B7C8
≈ Brother Blue
- C6B2B5
≈ Blossom Powder
- BCB8A7
≈ Feathers of a Dove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.63:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--sweetest-damask: #a7bdba;
--sweetest-damask-rgb: 167 189 186;
--sweetest-damask-oklch: oklch(0.781 0.024 186.7);
}
.element {
color: var(--sweetest-damask);
background-color: hsl(172 14% 70%);
border-color: oklch(0.781 0.024 186.7);
}Tailwind CSS v4
@theme {
--color-sweetest-damask: #a7bdba;
--color-sweetest-damask-50: #eef7f6;
--color-sweetest-damask-100: #dfebe9;
--color-sweetest-damask-200: #c9d8d6;
--color-sweetest-damask-300: #aabcba;
--color-sweetest-damask-400: #8fa3a1;
--color-sweetest-damask-500: #758c89;
--color-sweetest-damask-600: #637674;
--color-sweetest-damask-700: #4f5f5c;
--color-sweetest-damask-800: #394543;
--color-sweetest-damask-900: #27302e;
--color-sweetest-damask-950: #151c1b;
}SCSS
$sweetest-damask: #a7bdba;
$sweetest-damask-rgb: 167, 189, 186;
$sweetest-damask-light: mix(#fff, $sweetest-damask, 20%);
$sweetest-damask-dark: mix(#000, $sweetest-damask, 20%);
.element {
color: $sweetest-damask;
box-shadow: 0 0 0 2px rgba($sweetest-damask, 0.35);
}