لون مسمّى · #32127A
Persian Indigo
Persian Indigo هو #32127A: rgb(50 18 122)، hsl(258 74% 27%)، oklch(0.312 0.158 287.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Persian Indigo color name →
#32127A
oklch(0.312 0.158 287.1)
تحويلات الألوان
- HEX
- #32127a
- RGB
- rgb(50 18 122)
- HSL
- hsl(258 74% 27%)
- HWB
- hwb(258 7% 52%)
- OKLCH
- oklch(0.312 0.158 287.1)
- OKLab
- oklab(0.312 0.046 -0.151)
- CIE Lab
- lab(17.1 36.12 -53.66)
- LCH
- lch(17.1 64.68 303.9)
- CMYK
- cmyk(59% 85% 0% 52%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 412F88
- 524696
- 655DA4
- 7973B2
- 8D8ABF
- A3A1CC
- B9B8D9
- D0CFE6
- E7E7F3
درجات داكنة
- 2A0E69
- 220A59
- 1B0749
- 14043A
- 0D022B
- 07011D
- 030110
- 010005
- 000001
درجات رمادية
- 38237C
- 3E2F7D
- 453B7F
- 4C4580
- 545081
- 5C5981
- 656381
- 6E6D81
- 777681
تناسق الألوان
متمم +180°
- 32127A
Persian Indigo
- 353300
≈ Wasabi Nori
متجاور -30° +30°
- 32127A
Persian Indigo
- 002E67
≈ Deep Sea Dream
- 4D0061
≈ God of Nights
ثلاثي +120° +240°
- 32127A
Persian Indigo
- 521F00
≈ Evil Cigar
- 003B2A
≈ Off-Road Green
متمم منقسم +150° +210°
- 32127A
Persian Indigo
- 432C00
≈ Stirland Mud
- 163B00
≈ Elite Green
رباعي +90° +180° +270°
- 32127A
Persian Indigo
- 610018
≈ Cherry Picking
- 353300
≈ Wasabi Nori
- 00393A
≈ Customs Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.97:1 · APCA Lc 100
Ag
Failعلى الأسود
WCAG 1.50:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.97:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--persian-indigo: #32127a;
--persian-indigo-rgb: 50 18 122;
--persian-indigo-oklch: oklch(0.312 0.158 287.1);
}
.element {
color: var(--persian-indigo);
background-color: hsl(258 74% 27%);
border-color: oklch(0.312 0.158 287.1);
}Tailwind CSS v4
@theme {
--color-persian-indigo: #32127a;
--color-persian-indigo-50: #f3efff;
--color-persian-indigo-100: #e5e0ff;
--color-persian-indigo-200: #d2caff;
--color-persian-indigo-300: #b5a9ff;
--color-persian-indigo-400: #998ef6;
--color-persian-indigo-500: #8270e8;
--color-persian-indigo-600: #6e5fc3;
--color-persian-indigo-700: #584c9d;
--color-persian-indigo-800: #3e3876;
--color-persian-indigo-900: #2b2653;
--color-persian-indigo-950: #181438;
}SCSS
$persian-indigo: #32127a;
$persian-indigo-rgb: 50, 18, 122;
$persian-indigo-light: mix(#fff, $persian-indigo, 20%);
$persian-indigo-dark: mix(#000, $persian-indigo, 20%);
.element {
color: $persian-indigo;
box-shadow: 0 0 0 2px rgba($persian-indigo, 0.35);
}