Adlandırılmış renk · #C7D0DA
Quarzo
Quarzo, #C7D0DA: rgb(199 208 218), hsl(212 20% 82%), oklch(0.854 0.017 250.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Quarzo color name →
#C7D0DA
oklch(0.854 0.017 250.9)
Renk dönüşümleri
- HEX
- #c7d0da
- RGB
- rgb(199 208 218)
- HSL
- hsl(212 20% 82%)
- HWB
- hwb(212 78% 15%)
- OKLCH
- oklch(0.854 0.017 250.9)
- OKLab
- oklab(0.854 -0.006 -0.016)
- CIE Lab
- lab(83.01 -1.73 -6.08)
- LCH
- lch(83.01 6.32 254.1)
- CMYK
- cmyk(9% 5% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCD5DE
- D2D9E1
- D8DEE5
- DDE3E9
- E3E7EC
- E8ECF0
- EEF1F4
- F4F5F8
- F9FAFB
Koyu tonlar
- ADB5BD
- 939AA2
- 7A8087
- 62676C
- 4C4F54
- 36393C
- 212325
- 0E1011
- 020202
Gri tonlar
- C0C8D1
- B8BFC7
- B1B7BE
- AAAFB5
- A3A7AC
- 9C9FA3
- 95979A
- 8E8F91
- 878889
Renk uyumları
Tamamlayıcı +180°
- C7D0DA
Quarzo
- D6CDC3
≈ Slush
Analog -30° +30°
- C7D0DA
Quarzo
- C3D2D7
≈ Light Pure Blue
- CCCEDA
≈ Floral Note
Üçlü +120° +240°
- C7D0DA
Quarzo
- DACBCC
≈ Old Red Crest
- CBD1C6
≈ Washed Green
Bölünmüş tamamlayıcı +150° +210°
- C7D0DA
Quarzo
- D9CCC7
≈ Raspberry Ice
- D1CFC3
≈ Silver Birch
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.46:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--quarzo: #c7d0da;
--quarzo-rgb: 199 208 218;
--quarzo-oklch: oklch(0.854 0.017 250.9);
}
.element {
color: var(--quarzo);
background-color: hsl(212 20% 82%);
border-color: oklch(0.854 0.017 250.9);
}Tailwind CSS v4
@theme {
--color-quarzo: #c7d0da;
--color-quarzo-50: #f2f5fa;
--color-quarzo-100: #e4e8ee;
--color-quarzo-200: #cfd5db;
--color-quarzo-300: #b1b8c0;
--color-quarzo-400: #979fa8;
--color-quarzo-500: #7e8791;
--color-quarzo-600: #6b727b;
--color-quarzo-700: #555c62;
--color-quarzo-800: #3e4348;
--color-quarzo-900: #2b2e32;
--color-quarzo-950: #181b1e;
}SCSS
$quarzo: #c7d0da;
$quarzo-rgb: 199, 208, 218;
$quarzo-light: mix(#fff, $quarzo, 20%);
$quarzo-dark: mix(#000, $quarzo, 20%);
.element {
color: $quarzo;
box-shadow: 0 0 0 2px rgba($quarzo, 0.35);
}