#574ADD#574ADD

#574ADD لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.121؛ OKLCH L 51.5% C 0.214 H 279.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.12:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#574ADD
RGBrgb(87, 74, 221)
HSLhsl(245, 68%, 58%)
HSVhsv(245, 67%, 87%)
CMYKcmyk(60.6%, 66.5%, 0%, 13.3%)
CIE-LABlab(41.44, 46.93, -73.34)
CIE-LCHlch(41.44, 87.07, 302.61°)
OKLaboklab(51.5% 0.0362 -0.2113)
OKLCHoklch(51.5% 0.214 279.7)
XYZxyz(19.4263, 12.1428, 69.7127)
Luminance0.1214 (WCAG relative)
Temperaturecool
Familyblue

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#574ADD #D0DD4A
analogous
#4A86DD #574ADD #A04ADD
triadic
#574ADD #DD574A #4ADD57
tetradic
#574ADD #DD4A86 #D0DD4A #4ADDA0
square
#574ADD #DD4A86 #D0DD4A #4ADDA0
split-complementary
#574ADD #DDA04A #86DD4A
monochromatic
#261B91 #3325C5 #574ADD #877EE7 #B7B1F0

إمكانية الوصول والتباين

On white

6.12
#574ADD on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.43
#574ADD on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #574ADD
6.12:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##574ADD#FFFFFF#000000##FFFFFF
##574ADD1.006.123.436.12
#FFFFFF6.121.0021.001.00
#0000003.4321.001.0021.00
##FFFFFF6.121.0021.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#0067E2
Deuteranopia (green-blind)
#005CDA
Tritanopia (blue-blind)
#00708D
Achromatopsia (no color)
#626262

وسوم التصميم والكود

CSS
--color: #574add;
/* rgb */ color: rgb(87, 74, 221);
/* oklch */ color: oklch(51.5% 0.214 279.7);
Tailwind
colors: {
  custom: {
    50: '#947ee9',
    500: '#574add',
    950: '#000000',
  },
}
SCSS
$custom: #574add;
$custom-light: #947ee9;
$custom-dark: #000000;
JSON
{
  "hex": "#574add",
  "rgb": {
    "r": 87,
    "g": 74,
    "b": 221
  },
  "hsl": {
    "h": 245.306,
    "s": 68.372,
    "l": 57.843
  },
  "oklch": {
    "l": 0.51503,
    "c": 0.21439,
    "h": 279.7
  },
  "luminance": 0.12144
}

Semantic roles & 50–950 ramp

primary
#574ADD
secondary
#DADFA4
accent
#EB3DDC
background
#F9F7FE
surface
#F2EEFD
border
#CCC9D5
text
#0F0A16
muted
#7E7C84

مختبر المعاينة

معاينة مع #574ADD

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#574ADD — Tintiva