Adlandırılmış renk · #C1D1C4
Opaline
Opaline, #C1D1C4: rgb(193 209 196), hsl(131 15% 79%), oklch(0.845 0.025 151.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? → · Opaline color name →
#C1D1C4
oklch(0.845 0.025 151.1)
Renk dönüşümleri
- HEX
- #c1d1c4
- RGB
- rgb(193 209 196)
- HSL
- hsl(131 15% 79%)
- HWB
- hwb(131 76% 18%)
- OKLCH
- oklch(0.845 0.025 151.1)
- OKLab
- oklab(0.845 -0.022 0.012)
- CIE Lab
- lab(82.34 -7.43 4.52)
- LCH
- lch(82.34 8.7 148.7)
- CMYK
- cmyk(8% 0% 6% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7D6CA
- CDDAD0
- D3DFD5
- DAE3DB
- E0E8E1
- E6ECE7
- ECF1ED
- F2F6F3
- F9FAF9
Koyu tonlar
- A7B5AA
- 8F9B91
- 778178
- 5F6861
- 49504A
- 343935
- 202321
- 0E100E
- 020202
Gri tonlar
- BAC9BD
- B4C0B6
- ADB8AF
- A6B0A8
- A0A8A1
- 99A09B
- 939894
- 8D908D
- 868887
Renk uyumları
Tamamlayıcı +180°
- C1D1C4
Opaline
- D6C7D4
≈ Shy Violet
Analog -30° +30°
- C1D1C4
Opaline
- C9CFBD
≈ Frosty Pine
- BBD2CD
≈ Déjà Vu
Üçlü +120° +240°
- C1D1C4
Opaline
- C6CCDD
≈ Lavender Steel
- DCC7C2
≈ Pink Chantilly
Bölünmüş tamamlayıcı +150° +210°
- C1D1C4
Opaline
- CFC9DA
≈ Diaphanous
- DBC6CB
≈ Kellie Belle
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.18:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--opaline: #c1d1c4;
--opaline-rgb: 193 209 196;
--opaline-oklch: oklch(0.845 0.025 151.1);
}
.element {
color: var(--opaline);
background-color: hsl(131 15% 79%);
border-color: oklch(0.845 0.025 151.1);
}Tailwind CSS v4
@theme {
--color-opaline: #c1d1c4;
--color-opaline-50: #f0f7f2;
--color-opaline-100: #e2eae4;
--color-opaline-200: #cdd7cf;
--color-opaline-300: #aebbb1;
--color-opaline-400: #94a397;
--color-opaline-500: #7b8b7e;
--color-opaline-600: #68766b;
--color-opaline-700: #535e55;
--color-opaline-800: #3d453e;
--color-opaline-900: #2a302a;
--color-opaline-950: #171c18;
}SCSS
$opaline: #c1d1c4;
$opaline-rgb: 193, 209, 196;
$opaline-light: mix(#fff, $opaline, 20%);
$opaline-dark: mix(#000, $opaline, 20%);
.element {
color: $opaline;
box-shadow: 0 0 0 2px rgba($opaline, 0.35);
}