Adlandırılmış renk · #C4D5CB
Gracilis
Gracilis, #C4D5CB: rgb(196 213 203), hsl(145 17% 80%), oklch(0.857 0.023 160.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Gracilis color name →
#C4D5CB
oklch(0.857 0.023 160.1)
Renk dönüşümleri
- HEX
- #c4d5cb
- RGB
- rgb(196 213 203)
- HSL
- hsl(145 17% 80%)
- HWB
- hwb(145 77% 16%)
- OKLCH
- oklch(0.857 0.023 160.1)
- OKLab
- oklab(0.857 -0.022 0.008)
- CIE Lab
- lab(83.76 -7.34 2.89)
- LCH
- lch(83.76 7.89 158.5)
- CMYK
- cmyk(8% 0% 5% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CAD9D0
- D0DDD5
- D5E1DA
- DBE6E0
- E1EAE5
- E7EEEA
- EDF2EF
- F3F7F4
- F9FBFA
Koyu tonlar
- AAB9B0
- 919E96
- 78837D
- 616A65
- 4A514D
- 353A37
- 212422
- 0E100F
- 020202
Gri tonlar
- BDCCC3
- B6C3BC
- AFBBB4
- A8B2AC
- A1AAA5
- 9BA19D
- 949996
- 8D908E
- 878887
Renk uyumları
Tamamlayıcı +180°
- C4D5CB
Gracilis
- DBCBD5
≈ Silver Mauve
Analog -30° +30°
- C4D5CB
Gracilis
- CBD3C4
≈ Iced Aniseed
- C0D5D3
≈ Aquatic Edge
Üçlü +120° +240°
- C4D5CB
Gracilis
- CDCFDF
≈ Breezy Violet
- DECCC5
≈ Nana’s Pearls
Bölünmüş tamamlayıcı +150° +210°
- C4D5CB
Gracilis
- D5CCDC
≈ Dusky Lilac
- DFCACD
≈ Mega Metal Mecha
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.72:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--gracilis: #c4d5cb;
--gracilis-rgb: 196 213 203;
--gracilis-oklch: oklch(0.857 0.023 160.1);
}
.element {
color: var(--gracilis);
background-color: hsl(145 17% 80%);
border-color: oklch(0.857 0.023 160.1);
}Tailwind CSS v4
@theme {
--color-gracilis: #c4d5cb;
--color-gracilis-50: #f0f7f3;
--color-gracilis-100: #e2eae5;
--color-gracilis-200: #ccd7d1;
--color-gracilis-300: #aebbb4;
--color-gracilis-400: #93a39a;
--color-gracilis-500: #7a8b81;
--color-gracilis-600: #67766d;
--color-gracilis-700: #525e57;
--color-gracilis-800: #3c453f;
--color-gracilis-900: #29302c;
--color-gracilis-950: #171c19;
}SCSS
$gracilis: #c4d5cb;
$gracilis-rgb: 196, 213, 203;
$gracilis-light: mix(#fff, $gracilis, 20%);
$gracilis-dark: mix(#000, $gracilis, 20%);
.element {
color: $gracilis;
box-shadow: 0 0 0 2px rgba($gracilis, 0.35);
}