لون مسمّى · #CAB2C1
Runic Mauve
Runic Mauve هو #CAB2C1: rgb(202 178 193)، hsl(323 18% 75%)، oklch(0.789 0.034 340). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Runic Mauve color name →
#CAB2C1
oklch(0.789 0.034 340)
تحويلات الألوان
- HEX
- #cab2c1
- RGB
- rgb(202 178 193)
- HSL
- hsl(323 18% 75%)
- HWB
- hwb(323 70% 21%)
- OKLCH
- oklch(0.789 0.034 340)
- OKLab
- oklab(0.789 0.032 -0.012)
- CIE Lab
- lab(75.01 10.84 -4.32)
- LCH
- lch(75.01 11.67 338.3)
- CMYK
- cmyk(0% 12% 4% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFB9C7
- D5C1CD
- DAC9D3
- DFD0D9
- E4D8E0
- EAE0E6
- EFE7EC
- F4EFF2
- FAF7F9
درجات داكنة
- AF9AA7
- 95838F
- 7C6D77
- 64575F
- 4D4349
- 372F34
- 221D20
- 0F0C0E
- 020102
درجات رمادية
- C2ADBA
- BBA8B4
- B3A3AD
- AC9EA6
- A499A0
- 9D9499
- 968F93
- 8E8A8D
- 878586
تناسق الألوان
متمم +180°
- CAB2C1
Runic Mauve
- A8C1B3
≈ Kind Green
متجاور -30° +30°
- CAB2C1
Runic Mauve
- C1B4CB
≈ Orchid Petal
- CFB2B5
≈ Izmir Pink
ثلاثي +120° +240°
- CAB2C1
Runic Mauve
- BFBBA2
≈ Castle Wall
- A3C0C9
≈ Frozen Tundra
متمم منقسم +150° +210°
- CAB2C1
Runic Mauve
- B3BFA8
≈ Creamy Spinach
- A2C2BF
≈ Aspiring Blue
رباعي +90° +180° +270°
- CAB2C1
Runic Mauve
- C9B7A3
≈ Shaggy Dog
- A8C1B3
≈ Kind Green
- AABCD0
≈ Wood Pigeon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.97:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.64:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--runic-mauve: #cab2c1;
--runic-mauve-rgb: 202 178 193;
--runic-mauve-oklch: oklch(0.789 0.034 340);
}
.element {
color: var(--runic-mauve);
background-color: hsl(323 18% 75%);
border-color: oklch(0.789 0.034 340);
}Tailwind CSS v4
@theme {
--color-runic-mauve: #cab2c1;
--color-runic-mauve-50: #fdf1f8;
--color-runic-mauve-100: #f1e4eb;
--color-runic-mauve-200: #dfcfd8;
--color-runic-mauve-300: #c5b1bc;
--color-runic-mauve-400: #ad97a5;
--color-runic-mauve-500: #967e8d;
--color-runic-mauve-600: #7f6a78;
--color-runic-mauve-700: #665560;
--color-runic-mauve-800: #4b3e46;
--color-runic-mauve-900: #342b31;
--color-runic-mauve-950: #1f181d;
}SCSS
$runic-mauve: #cab2c1;
$runic-mauve-rgb: 202, 178, 193;
$runic-mauve-light: mix(#fff, $runic-mauve, 20%);
$runic-mauve-dark: mix(#000, $runic-mauve, 20%);
.element {
color: $runic-mauve;
box-shadow: 0 0 0 2px rgba($runic-mauve, 0.35);
}