Adlandırılmış renk · #C3CAD3
Light Spirit
Light Spirit, #C3CAD3: rgb(195 202 211), hsl(214 15% 80%), oklch(0.836 0.015 254.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Spirit color name →
#C3CAD3
oklch(0.836 0.015 254.6)
Renk dönüşümleri
- HEX
- #c3cad3
- RGB
- rgb(195 202 211)
- HSL
- hsl(214 15% 80%)
- HWB
- hwb(214 76% 17%)
- OKLCH
- oklch(0.836 0.015 254.6)
- OKLab
- oklab(0.836 -0.004 -0.014)
- CIE Lab
- lab(80.98 -1.19 -5.37)
- LCH
- lch(80.98 5.5 257.5)
- CMYK
- cmyk(8% 4% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9CFD7
- CFD4DC
- D5DAE0
- DBDFE4
- E1E4E9
- E7EAED
- EDEFF2
- F3F4F6
- F9FAFB
Koyu tonlar
- A9AFB7
- 90959C
- 787C82
- 606469
- 4A4D51
- 34373A
- 202224
- 0E0F10
- 020202
Gri tonlar
- BCC2CA
- B5BBC2
- AEB3B9
- A8ACB1
- A1A4A9
- 9A9DA0
- 949698
- 8D8E90
- 868788
Renk uyumları
Tamamlayıcı +180°
- C3CAD3
Light Spirit
- CFC8BF
≈ Limed White
Analog -30° +30°
- C3CAD3
Light Spirit
- C0CCD1
≈ Stone Golem
- C8C8D3
≈ Hyacinth Ice
Üçlü +120° +240°
- C3CAD3
Light Spirit
- D3C6C6
≈ Aurora Grey
- C5CCC2
≈ Rainwashed
Bölünmüş tamamlayıcı +150° +210°
- C3CAD3
Light Spirit
- D2C7C2
≈ Bleached Bare
- CACABF
≈ Create
Dörtlü +90° +180° +270°
- C3CAD3
Light Spirit
- D1C6CB
≈ Victorian Cottage
- CFC8BF
≈ Limed White
- C1CCC7
≈ Knightsbridge Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.70:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-spirit: #c3cad3;
--light-spirit-rgb: 195 202 211;
--light-spirit-oklch: oklch(0.836 0.015 254.6);
}
.element {
color: var(--light-spirit);
background-color: hsl(214 15% 80%);
border-color: oklch(0.836 0.015 254.6);
}Tailwind CSS v4
@theme {
--color-light-spirit: #c3cad3;
--color-light-spirit-50: #f2f5f9;
--color-light-spirit-100: #e5e8ed;
--color-light-spirit-200: #d0d5db;
--color-light-spirit-300: #b3b8bf;
--color-light-spirit-400: #999fa7;
--color-light-spirit-500: #808790;
--color-light-spirit-600: #6c727a;
--color-light-spirit-700: #565b61;
--color-light-spirit-800: #3f4347;
--color-light-spirit-900: #2b2e31;
--color-light-spirit-950: #191b1d;
}SCSS
$light-spirit: #c3cad3;
$light-spirit-rgb: 195, 202, 211;
$light-spirit-light: mix(#fff, $light-spirit, 20%);
$light-spirit-dark: mix(#000, $light-spirit, 20%);
.element {
color: $light-spirit;
box-shadow: 0 0 0 2px rgba($light-spirit, 0.35);
}