Adlandırılmış renk · #A7BDBA
Sweetest Damask
Sweetest Damask, #A7BDBA: rgb(167 189 186), hsl(172 14% 70%), oklch(0.781 0.024 186.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sweetest Damask color name →
#A7BDBA
oklch(0.781 0.024 186.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0C3C1
- B8CAC7
- C1D0CE
- CAD7D5
- D2DEDC
- DBE4E3
- E4EBEA
- EDF2F1
- F6F8F8
Koyu tonlar
- 91A4A1
- 7B8C89
- 667472
- 525D5C
- 3E4746
- 2C3332
- 1A1F1E
- 0A0D0D
- 010202
Gri tonlar
- A3B7B4
- 9FB0AE
- 9BAAA8
- 97A4A2
- 939E9D
- 909897
- 8C9291
- 888C8B
- 848686
Renk uyumları
Tamamlayıcı +180°
- A7BDBA
Sweetest Damask
- C6B2B5
≈ Blossom Powder
Analog -30° +30°
- A7BDBA
Sweetest Damask
- ACBDB1
≈ Foggy Rain
- A7BCC2
≈ Seafoam Slate
Üçlü +120° +240°
- A7BDBA
Sweetest Damask
- BCB4C4
≈ Perplexed
- C3B5A8
≈ Ash Grey
Bölünmüş tamamlayıcı +150° +210°
- A7BDBA
Sweetest Damask
- C2B2BD
≈ La-De-Dah
- C7B3AD
≈ Subdued Hue
Dörtlü +90° +180° +270°
- A7BDBA
Sweetest Damask
- B3B7C8
≈ Brother Blue
- C6B2B5
≈ Blossom Powder
- BCB8A7
≈ Feathers of a Dove
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.63:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
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);
}