لون مسمّى · #B1C8D2
Crisp Collar
Crisp Collar هو #B1C8D2: rgb(177 200 210)، hsl(198 27% 76%)، oklch(0.819 0.029 225.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Crisp Collar color name →
#B1C8D2
oklch(0.819 0.029 225.8)
تحويلات الألوان
- HEX
- #b1c8d2
- RGB
- rgb(177 200 210)
- HSL
- hsl(198 27% 76%)
- HWB
- hwb(198 69% 18%)
- OKLCH
- oklch(0.819 0.029 225.8)
- OKLab
- oklab(0.819 -0.02 -0.021)
- CIE Lab
- lab(79.1 -6.5 -7.78)
- LCH
- lch(79.1 10.14 230.1)
- CMYK
- cmyk(16% 5% 0% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B9CDD6
- C0D3DB
- C8D8DF
- D0DEE4
- D8E3E8
- DFE9ED
- E7EEF1
- EFF4F6
- F7F9FA
درجات داكنة
- 99AEB6
- 83949B
- 6C7B81
- 576368
- 424C50
- 2F3639
- 1C2124
- 0C0F10
- 010202
درجات رمادية
- ACC1C9
- A7B9C1
- A2B2B9
- 9DABB0
- 98A3A8
- 939CA0
- 8F9598
- 8A8E90
- 858788
تناسق الألوان
متمم +180°
- B1C8D2
Crisp Collar
- D4BEB5
≈ Wild Rice
متجاور -30° +30°
- B1C8D2
Crisp Collar
- AFCACA
≈ Seaport Steam
- B8C5D7
≈ Candela
ثلاثي +120° +240°
- B1C8D2
Crisp Collar
- D2BDC8
≈ Queen’s Tart
- C6C5B0
≈ Spring Grey
متمم منقسم +150° +210°
- B1C8D2
Crisp Collar
- D6BDBD
≈ Lilac Buds
- CFC2B0
≈ Merino Wool
رباعي +90° +180° +270°
- B1C8D2
Crisp Collar
- CBBED1
≈ My Mona
- D4BEB5
≈ Wild Rice
- BCC8B6
≈ Clay Ash
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.74:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 12.06:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--crisp-collar: #b1c8d2;
--crisp-collar-rgb: 177 200 210;
--crisp-collar-oklch: oklch(0.819 0.029 225.8);
}
.element {
color: var(--crisp-collar);
background-color: hsl(198 27% 76%);
border-color: oklch(0.819 0.029 225.8);
}Tailwind CSS v4
@theme {
--color-crisp-collar: #b1c8d2;
--color-crisp-collar-50: #edf7fc;
--color-crisp-collar-100: #dfeaef;
--color-crisp-collar-200: #c8d7de;
--color-crisp-collar-300: #a9bbc3;
--color-crisp-collar-400: #8da2ab;
--color-crisp-collar-500: #738b95;
--color-crisp-collar-600: #61757e;
--color-crisp-collar-700: #4e5e65;
--color-crisp-collar-800: #38454a;
--color-crisp-collar-900: #263033;
--color-crisp-collar-950: #151c1f;
}SCSS
$crisp-collar: #b1c8d2;
$crisp-collar-rgb: 177, 200, 210;
$crisp-collar-light: mix(#fff, $crisp-collar, 20%);
$crisp-collar-dark: mix(#000, $crisp-collar, 20%);
.element {
color: $crisp-collar;
box-shadow: 0 0 0 2px rgba($crisp-collar, 0.35);
}