لون مسمّى · #C8B1C0
Maverick
Maverick هو #C8B1C0: rgb(200 177 192)، hsl(321 17% 74%)، oklch(0.785 0.033 338.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Maverick color name →
#C8B1C0
oklch(0.785 0.033 338.7)
تحويلات الألوان
- HEX
- #c8b1c0
- RGB
- rgb(200 177 192)
- HSL
- hsl(321 17% 74%)
- HWB
- hwb(321 69% 22%)
- OKLCH
- oklch(0.785 0.033 338.7)
- OKLab
- oklab(0.785 0.031 -0.012)
- CIE Lab
- lab(74.55 10.48 -4.47)
- LCH
- lch(74.55 11.39 336.9)
- CMYK
- cmyk(0% 12% 4% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDB9C6
- D3C0CC
- D8C8D3
- DED0D9
- E3D7DF
- E9DFE5
- EEE7EC
- F4EFF2
- F9F7F9
درجات داكنة
- AE99A7
- 94838E
- 7B6C76
- 63575F
- 4C4249
- 362F34
- 211C20
- 0F0C0E
- 020102
درجات رمادية
- C1ACB9
- B9A7B3
- B2A2AC
- AB9DA6
- A3989F
- 9C9399
- 958E93
- 8E8A8C
- 878586
تناسق الألوان
متمم +180°
- C8B1C0
Maverick
- A8C0B1
≈ Young Gecko
متجاور -30° +30°
- C8B1C0
Maverick
- BFB3CA
≈ Orchid Petal
- CDB0B4
≈ Izmir Pink
ثلاثي +120° +240°
- C8B1C0
Maverick
- BEBAA2
≈ Heavy Hammock
- A2BEC7
≈ Juliet Blue
متمم منقسم +150° +210°
- C8B1C0
Maverick
- B2BDA7
≈ Unroasted Coffee
- A2C0BD
≈ Frosty Glade
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.99:1 · APCA Lc 39
Ag
AAAعلى الأسود
WCAG 10.50:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--maverick: #c8b1c0;
--maverick-rgb: 200 177 192;
--maverick-oklch: oklch(0.785 0.033 338.7);
}
.element {
color: var(--maverick);
background-color: hsl(321 17% 74%);
border-color: oklch(0.785 0.033 338.7);
}Tailwind CSS v4
@theme {
--color-maverick: #c8b1c0;
--color-maverick-50: #fcf2f8;
--color-maverick-100: #f0e4eb;
--color-maverick-200: #dfcfd8;
--color-maverick-300: #c4b1bc;
--color-maverick-400: #ac97a5;
--color-maverick-500: #967e8e;
--color-maverick-600: #7f6b78;
--color-maverick-700: #655560;
--color-maverick-800: #4a3e47;
--color-maverick-900: #332b31;
--color-maverick-950: #1f181d;
}SCSS
$maverick: #c8b1c0;
$maverick-rgb: 200, 177, 192;
$maverick-light: mix(#fff, $maverick, 20%);
$maverick-dark: mix(#000, $maverick, 20%);
.element {
color: $maverick;
box-shadow: 0 0 0 2px rgba($maverick, 0.35);
}