لون مسمّى · #CABEAD
Minimalist
Minimalist هو #CABEAD: rgb(202 190 173)، hsl(35 21% 74%)، oklch(0.807 0.027 76.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Minimalist color name →
#CABEAD
oklch(0.807 0.027 76.8)
تحويلات الألوان
- HEX
- #cabead
- RGB
- rgb(202 190 173)
- HSL
- hsl(35 21% 74%)
- HWB
- hwb(35 68% 21%)
- OKLCH
- oklch(0.807 0.027 76.8)
- OKLab
- oklab(0.807 0.006 0.026)
- CIE Lab
- lab(77.63 2.26 10.22)
- LCH
- lch(77.63 10.46 77.5)
- CMYK
- cmyk(0% 6% 14% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFC4B5
- D4CBBD
- DAD1C5
- DFD8CD
- E4DED5
- EAE5DE
- EFEBE6
- F4F2EE
- FAF8F7
درجات داكنة
- AFA596
- 958C7F
- 7C756A
- 645E55
- 4D4841
- 37332D
- 221F1B
- 0F0D0B
- 020201
درجات رمادية
- C2B8A8
- BBB1A4
- B3AB9F
- ACA59B
- A49E96
- 9D9892
- 96928D
- 8E8C89
- 878684
تناسق الألوان
متمم +180°
- CABEAD
Minimalist
- B5C1D2
≈ Snow Flurries
متجاور -30° +30°
- CABEAD
Minimalist
- D0BBB1
≈ Desert Morning
- C1C1AE
≈ Kidnapper
ثلاثي +120° +240°
- CABEAD
Minimalist
- ADC6C6
≈ Blue Agave
- C7BBCC
≈ Last of the Lilacs
متمم منقسم +150° +210°
- CABEAD
Minimalist
- AEC4CE
≈ Heron Wing
- BEBED1
≈ Twilight Pearl
رباعي +90° +180° +270°
- CABEAD
Minimalist
- B0C6BC
≈ Sparkling Lake
- B5C1D2
≈ Snow Flurries
- CEB9C3
≈ Rose Marble
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.82:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.48:1 · APCA Lc 68
أفضل لون للنص: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--minimalist: #cabead;
--minimalist-rgb: 202 190 173;
--minimalist-oklch: oklch(0.807 0.027 76.8);
}
.element {
color: var(--minimalist);
background-color: hsl(35 21% 74%);
border-color: oklch(0.807 0.027 76.8);
}Tailwind CSS v4
@theme {
--color-minimalist: #cabead;
--color-minimalist-50: #f9f4ed;
--color-minimalist-100: #ede7de;
--color-minimalist-200: #dbd3c8;
--color-minimalist-300: #bfb6a8;
--color-minimalist-400: #a89d8d;
--color-minimalist-500: #918473;
--color-minimalist-600: #7a7061;
--color-minimalist-700: #62594e;
--color-minimalist-800: #484138;
--color-minimalist-900: #322d26;
--color-minimalist-950: #1e1a15;
}SCSS
$minimalist: #cabead;
$minimalist-rgb: 202, 190, 173;
$minimalist-light: mix(#fff, $minimalist, 20%);
$minimalist-dark: mix(#000, $minimalist, 20%);
.element {
color: $minimalist;
box-shadow: 0 0 0 2px rgba($minimalist, 0.35);
}