لون مسمّى · #B9C3BE
Tiara
Tiara هو #B9C3BE: rgb(185 195 190)، hsl(150 8% 75%)، oklch(0.808 0.013 164.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Tiara color name →
#B9C3BE
oklch(0.808 0.013 164.7)
تحويلات الألوان
- HEX
- #b9c3be
- RGB
- rgb(185 195 190)
- HSL
- hsl(150 8% 75%)
- HWB
- hwb(150 73% 24%)
- OKLCH
- oklch(0.808 0.013 164.7)
- OKLab
- oklab(0.808 -0.013 0.003)
- CIE Lab
- lab(77.9 -4.27 1.27)
- LCH
- lch(77.9 4.46 163.5)
- CMYK
- cmyk(5% 0% 3% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C0C9C4
- C7CFCB
- CED5D1
- D5DBD8
- DCE1DE
- E3E7E5
- EAEDEB
- F1F3F2
- F8F9F8
درجات داكنة
- A0A9A5
- 89908C
- 717875
- 5B605E
- 464A48
- 313433
- 1E201F
- 0D0E0D
- 020202
درجات رمادية
- B3BCB8
- ADB5B1
- A8AEAB
- A2A8A5
- 9CA19E
- 969A98
- 919492
- 8B8D8C
- 868686
تناسق الألوان
متمم +180°
- B9C3BE
Tiara
- C7BDC2
≈ Moon Buggy
متجاور -30° +30°
- B9C3BE
Tiara
- BDC2BA
≈ Silky Green
- B7C3C3
≈ Niebla Azul
ثلاثي +120° +240°
- B9C3BE
Tiara
- BFBFC9
≈ Ghost
- C8BEB9
≈ Vast
متمم منقسم +150° +210°
- B9C3BE
Tiara
- C3BEC6
≈ Stately Frills
- C8BDBD
≈ Wallis
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.80:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.61:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tiara: #b9c3be;
--tiara-rgb: 185 195 190;
--tiara-oklch: oklch(0.808 0.013 164.7);
}
.element {
color: var(--tiara);
background-color: hsl(150 8% 75%);
border-color: oklch(0.808 0.013 164.7);
}Tailwind CSS v4
@theme {
--color-tiara: #b9c3be;
--color-tiara-50: #f2f6f4;
--color-tiara-100: #e4e9e7;
--color-tiara-200: #cfd6d3;
--color-tiara-300: #b1bab6;
--color-tiara-400: #98a19c;
--color-tiara-500: #7f8984;
--color-tiara-600: #6b7470;
--color-tiara-700: #565d59;
--color-tiara-800: #3f4441;
--color-tiara-900: #2b2f2d;
--color-tiara-950: #181b1a;
}SCSS
$tiara: #b9c3be;
$tiara-rgb: 185, 195, 190;
$tiara-light: mix(#fff, $tiara, 20%);
$tiara-dark: mix(#000, $tiara, 20%);
.element {
color: $tiara;
box-shadow: 0 0 0 2px rgba($tiara, 0.35);
}