لون مسمّى · #682D63
Intense Mauve
Intense Mauve هو #682D63: rgb(104 45 99)، hsl(305 40% 29%)، oklch(0.4 0.112 330.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Intense Mauve color name →
#682D63
oklch(0.4 0.112 330.8)
تحويلات الألوان
- HEX
- #682d63
- RGB
- rgb(104 45 99)
- HSL
- hsl(305 40% 29%)
- HWB
- hwb(305 18% 59%)
- OKLCH
- oklch(0.4 0.112 330.8)
- OKLab
- oklab(0.4 0.098 -0.055)
- CIE Lab
- lab(28.69 32.76 -19.76)
- LCH
- lch(28.69 38.26 328.9)
- CMYK
- cmyk(0% 57% 5% 59%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 774172
- 865581
- 956990
- A47D9F
- B392AF
- C2A7BE
- D1BDCE
- E1D2DE
- F0E9EF
درجات داكنة
- 592655
- 4B1F47
- 3E183A
- 30112E
- 240B21
- 180616
- 0C020B
- 040103
- 000000
درجات رمادية
- 6B3666
- 6E3F69
- 71476C
- 734F6F
- 765872
- 786075
- 7A6878
- 7C707B
- 7E787D
تناسق الألوان
متمم +180°
- 682D63
Intense Mauve
- 005726
≈ Caliban Green
متجاور -30° +30°
- 682D63
Intense Mauve
- 523679
≈ Prism Violet
- 752844
≈ Palace Red
ثلاثي +120° +240°
- 682D63
Intense Mauve
- 584500
≈ Sugarloaf Brown
- 00515D
≈ Sandalwood Grey Blue
متمم منقسم +150° +210°
- 682D63
Intense Mauve
- 414F00
≈ No Emissions Green
- 00544A
≈ Breathe Deeply
رباعي +90° +180° +270°
- 682D63
Intense Mauve
- 6B3900
≈ Bestial Brown
- 005726
≈ Caliban Green
- 004C74
≈ Blue Meridian
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.79:1 · APCA Lc 92
Ag
Failعلى الأسود
WCAG 2.14:1 · APCA Lc 10
أفضل لون للنص: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--intense-mauve: #682d63;
--intense-mauve-rgb: 104 45 99;
--intense-mauve-oklch: oklch(0.4 0.112 330.8);
}
.element {
color: var(--intense-mauve);
background-color: hsl(305 40% 29%);
border-color: oklch(0.4 0.112 330.8);
}Tailwind CSS v4
@theme {
--color-intense-mauve: #682d63;
--color-intense-mauve-50: #ffeaff;
--color-intense-mauve-100: #ffdbf8;
--color-intense-mauve-200: #f2c3e9;
--color-intense-mauve-300: #daa2d0;
--color-intense-mauve-400: #c486bd;
--color-intense-mauve-500: #b069a8;
--color-intense-mauve-600: #94598e;
--color-intense-mauve-700: #774772;
--color-intense-mauve-800: #573355;
--color-intense-mauve-900: #3d233c;
--color-intense-mauve-950: #261225;
}SCSS
$intense-mauve: #682d63;
$intense-mauve-rgb: 104, 45, 99;
$intense-mauve-light: mix(#fff, $intense-mauve, 20%);
$intense-mauve-dark: mix(#000, $intense-mauve, 20%);
.element {
color: $intense-mauve;
box-shadow: 0 0 0 2px rgba($intense-mauve, 0.35);
}