أقرب لون مسمّى · #8492FF
#8492FF
أقرب لون مسمّى: Orchid
#8492FF (rgb(132 146 255)، hsl(233 100% 76%)، oklch(0.698 0.159 275.9)) أقرب إلى اللون المسمّى Orchid. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8492FF
oklch(0.698 0.159 275.9)
تحويلات الألوان
- HEX
- #8492ff
- RGB
- rgb(132 146 255)
- HSL
- hsl(233 100% 76%)
- HWB
- hwb(233 52% 0%)
- OKLCH
- oklch(0.698 0.159 275.9)
- OKLab
- oklab(0.698 0.016 -0.159)
- CIE Lab
- lab(63.18 16.86 -56.81)
- LCH
- lch(63.18 59.26 286.5)
- CMYK
- cmyk(48% 43% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8F9DFF
- 9BA9FF
- A6B4FF
- B2BFFF
- BFCAFF
- CBD4FF
- D8DFFF
- E5EAFF
- F2F4FF
درجات داكنة
- 727EDE
- 606BBE
- 4F589E
- 3F4680
- 2F3563
- 202548
- 12162E
- 060816
- 010103
درجات رمادية
- 8391F2
- 8390E6
- 828ED9
- 828DCC
- 818BC0
- 8189B3
- 8187A6
- 80859A
- 80828D
تناسق الألوان
متمم +180°
- 8492FF
Orchid
- B99C00
≈ Perennial
متجاور -30° +30°
- 8492FF
Orchid
- 32A5FA
≈ Xed
- B681EB
≈ Lavender Blossom
ثلاثي +120° +240°
- 8492FF
Orchid
- EF7453
≈ Temple of Orange
- 26BA72
≈ Fennel Fiesta
متمم منقسم +150° +210°
- 8492FF
Orchid
- DD8600
≈ Non-Stop Orange
- 85AE2D
≈ German Hop
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.78:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.53:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--orchid: #8492ff;
--orchid-rgb: 132 146 255;
--orchid-oklch: oklch(0.698 0.159 275.9);
}
.element {
color: var(--orchid);
background-color: hsl(233 100% 76%);
border-color: oklch(0.698 0.159 275.9);
}Tailwind CSS v4
@theme {
--color-orchid: #8492ff;
--color-orchid-50: #eaf2ff;
--color-orchid-100: #dbe4ff;
--color-orchid-200: #c4ceff;
--color-orchid-300: #a4afff;
--color-orchid-400: #8694fb;
--color-orchid-500: #6c77ed;
--color-orchid-600: #5b65c8;
--color-orchid-700: #4951a1;
--color-orchid-800: #323b79;
--color-orchid-900: #222955;
--color-orchid-950: #121639;
}SCSS
$orchid: #8492ff;
$orchid-rgb: 132, 146, 255;
$orchid-light: mix(#fff, $orchid, 20%);
$orchid-dark: mix(#000, $orchid, 20%);
.element {
color: $orchid;
box-shadow: 0 0 0 2px rgba($orchid, 0.35);
}