لون مسمّى · #CCBDB9
Barely Mauve
Barely Mauve هو #CCBDB9: rgb(204 189 185)، hsl(13 16% 76%)، oklch(0.81 0.018 35.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Barely Mauve color name →
#CCBDB9
oklch(0.81 0.018 35.3)
تحويلات الألوان
- HEX
- #ccbdb9
- RGB
- rgb(204 189 185)
- HSL
- hsl(13 16% 76%)
- HWB
- hwb(13 73% 20%)
- OKLCH
- oklch(0.81 0.018 35.3)
- OKLab
- oklab(0.81 0.015 0.01)
- CIE Lab
- lab(77.79 4.97 4.04)
- LCH
- lch(77.79 6.4 39.1)
- CMYK
- cmyk(0% 7% 9% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D1C3C0
- D6CAC7
- DBD0CE
- E0D7D5
- E5DEDB
- EAE4E3
- F0EBEA
- F5F2F1
- FAF8F8
درجات داكنة
- B1A4A0
- 978C89
- 7E7471
- 655D5B
- 4E4746
- 373331
- 221F1E
- 0F0D0D
- 020202
درجات رمادية
- C4B7B3
- BCB0AD
- B5AAA8
- ADA4A2
- A59E9C
- 9E9896
- 969291
- 8F8C8B
- 878686
تناسق الألوان
متمم +180°
- CCBDB9
Barely Mauve
- B4C4C8
≈ Lighthouse Shadows
متجاور -30° +30°
- CCBDB9
Barely Mauve
- CCBCBF
≈ Lady Fingers
- C9BFB5
≈ Twilight Beige
ثلاثي +120° +240°
- CCBDB9
Barely Mauve
- B8C4BC
≈ Inviting Veranda
- BDC0CD
≈ Starlight
متمم منقسم +150° +210°
- CCBDB9
Barely Mauve
- B5C5C2
≈ Blustery Wind
- B8C2CC
≈ Icebreaker
رباعي +90° +180° +270°
- CCBDB9
Barely Mauve
- BEC3B7
≈ Breezy Day
- B4C4C8
≈ Lighthouse Shadows
- C3BECA
≈ Gentleman’s Suit
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.81:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.54:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--barely-mauve: #ccbdb9;
--barely-mauve-rgb: 204 189 185;
--barely-mauve-oklch: oklch(0.81 0.018 35.3);
}
.element {
color: var(--barely-mauve);
background-color: hsl(13 16% 76%);
border-color: oklch(0.81 0.018 35.3);
}Tailwind CSS v4
@theme {
--color-barely-mauve: #ccbdb9;
--color-barely-mauve-50: #faf3f1;
--color-barely-mauve-100: #eee6e4;
--color-barely-mauve-200: #dcd2cf;
--color-barely-mauve-300: #c0b4b1;
--color-barely-mauve-400: #a99b97;
--color-barely-mauve-500: #92827e;
--color-barely-mauve-600: #7b6e6b;
--color-barely-mauve-700: #635855;
--color-barely-mauve-800: #48403e;
--color-barely-mauve-900: #322c2b;
--color-barely-mauve-950: #1e1918;
}SCSS
$barely-mauve: #ccbdb9;
$barely-mauve-rgb: 204, 189, 185;
$barely-mauve-light: mix(#fff, $barely-mauve, 20%);
$barely-mauve-dark: mix(#000, $barely-mauve, 20%);
.element {
color: $barely-mauve;
box-shadow: 0 0 0 2px rgba($barely-mauve, 0.35);
}