Adlandırılmış renk · #C6D2DE
Colour Blind
Colour Blind, #C6D2DE: rgb(198 210 222), hsl(210 27% 82%), oklch(0.858 0.021 248.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? → · Colour Blind color name →
#C6D2DE
oklch(0.858 0.021 248.1)
Renk dönüşümleri
- HEX
- #c6d2de
- RGB
- rgb(198 210 222)
- HSL
- hsl(210 27% 82%)
- HWB
- hwb(210 78% 13%)
- OKLCH
- oklch(0.858 0.021 248.1)
- OKLab
- oklab(0.858 -0.008 -0.02)
- CIE Lab
- lab(83.54 -2.45 -7.42)
- LCH
- lch(83.54 7.82 251.7)
- CMYK
- cmyk(11% 5% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCD6E1
- D1DBE5
- D7DFE8
- DDE4EB
- E2E8EE
- E8EDF2
- EEF1F5
- F3F6F8
- F9FAFC
Koyu tonlar
- ACB6C1
- 929BA5
- 7A8189
- 62686F
- 4B5055
- 35393D
- 212426
- 0E1012
- 020202
Gri tonlar
- BFC9D4
- B8C1CA
- B0B9C1
- A9B0B7
- A2A8AE
- 9BA0A4
- 94989B
- 8E9092
- 878889
Renk uyumları
Tamamlayıcı +180°
- C6D2DE
Colour Blind
- DACEC2
≈ Warm Oatmeal
Analog -30° +30°
- C6D2DE
Colour Blind
- C2D4DA
≈ Cloudy Sky
- CDCFDF
≈ Breezy Violet
Üçlü +120° +240°
- C6D2DE
Colour Blind
- DECBCE
≈ Mega Metal Mecha
- CCD3C5
≈ Parakeet Pete
Bölünmüş tamamlayıcı +150° +210°
- C6D2DE
Colour Blind
- DECCC7
≈ Lip Gloss
- D4D1C1
≈ Ecru White
Dörtlü +90° +180° +270°
- C6D2DE
Colour Blind
- DACBD5
≈ Silver Mauve
- DACEC2
≈ Warm Oatmeal
- C6D5CB
≈ Gracilis
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.67:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.67:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--colour-blind: #c6d2de;
--colour-blind-rgb: 198 210 222;
--colour-blind-oklch: oklch(0.858 0.021 248.1);
}
.element {
color: var(--colour-blind);
background-color: hsl(210 27% 82%);
border-color: oklch(0.858 0.021 248.1);
}Tailwind CSS v4
@theme {
--color-colour-blind: #c6d2de;
--color-colour-blind-50: #f1f6fb;
--color-colour-blind-100: #e3e9ef;
--color-colour-blind-200: #ced5dd;
--color-colour-blind-300: #b0b8c2;
--color-colour-blind-400: #95a0ab;
--color-colour-blind-500: #7c8894;
--color-colour-blind-600: #69737d;
--color-colour-blind-700: #545c64;
--color-colour-blind-800: #3d4349;
--color-colour-blind-900: #2a2e33;
--color-colour-blind-950: #171b1f;
}SCSS
$colour-blind: #c6d2de;
$colour-blind-rgb: 198, 210, 222;
$colour-blind-light: mix(#fff, $colour-blind, 20%);
$colour-blind-dark: mix(#000, $colour-blind, 20%);
.element {
color: $colour-blind;
box-shadow: 0 0 0 2px rgba($colour-blind, 0.35);
}