Adlandırılmış renk · #9CBCC6
Déjà Blue
Déjà Blue, #9CBCC6: rgb(156 188 198), hsl(194 27% 69%), oklch(0.775 0.037 218.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Déjà Blue color name →
#9CBCC6
oklch(0.775 0.037 218.7)
Renk dönüşümleri
- HEX
- #9cbcc6
- RGB
- rgb(156 188 198)
- HSL
- hsl(194 27% 69%)
- HWB
- hwb(194 61% 22%)
- OKLCH
- oklch(0.775 0.037 218.7)
- OKLab
- oklab(0.775 -0.029 -0.023)
- CIE Lab
- lab(74.11 -9.55 -8.86)
- LCH
- lch(74.11 13.02 222.8)
- CMYK
- cmyk(21% 5% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A6C3CC
- B0C9D1
- B9D0D7
- C3D6DD
- CDDDE2
- D7E4E8
- E1EBEE
- EBF1F3
- F5F8F9
Koyu tonlar
- 87A3AC
- 738B92
- 5F737A
- 4C5D62
- 39474B
- 283235
- 181F21
- 090D0E
- 010202
Gri tonlar
- 99B6BF
- 97B0B8
- 94AAB0
- 91A4A9
- 8E9EA2
- 8C989B
- 899294
- 868C8E
- 838687
Renk uyumları
Tamamlayıcı +180°
- 9CBCC6
Déjà Blue
- CCAEA5
≈ Lime Hawk Moth
Analog -30° +30°
- 9CBCC6
Déjà Blue
- 9BBEBA
≈ Nursery Wall
- A4B8CD
≈ Flight Time
Üçlü +120° +240°
- 9CBCC6
Déjà Blue
- C7ADBE
≈ Lavish Lavender
- BBB79C
≈ Trinity Islands
Bölünmüş tamamlayıcı +150° +210°
- 9CBCC6
Déjà Blue
- CCACB1
≈ Vista
- C6B29D
≈ Mink Haze
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.42:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--deja-blue: #9cbcc6;
--deja-blue-rgb: 156 188 198;
--deja-blue-oklch: oklch(0.775 0.037 218.7);
}
.element {
color: var(--deja-blue);
background-color: hsl(194 27% 69%);
border-color: oklch(0.775 0.037 218.7);
}Tailwind CSS v4
@theme {
--color-deja-blue: #9cbcc6;
--color-deja-blue-50: #eaf8fd;
--color-deja-blue-100: #dbebf1;
--color-deja-blue-200: #c4d8e0;
--color-deja-blue-300: #a3bcc5;
--color-deja-blue-400: #86a4ad;
--color-deja-blue-500: #6b8d97;
--color-deja-blue-600: #5a7780;
--color-deja-blue-700: #485f66;
--color-deja-blue-800: #34464b;
--color-deja-blue-900: #233034;
--color-deja-blue-950: #121d1f;
}SCSS
$deja-blue: #9cbcc6;
$deja-blue-rgb: 156, 188, 198;
$deja-blue-light: mix(#fff, $deja-blue, 20%);
$deja-blue-dark: mix(#000, $deja-blue, 20%);
.element {
color: $deja-blue;
box-shadow: 0 0 0 2px rgba($deja-blue, 0.35);
}