#515CF2#515CF2

#515CF2 لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.158؛ OKLCH L 55.8% C 0.221 H 273.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.04:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#515CF2
RGBrgb(81, 92, 242)
HSLhsl(236, 86%, 63%)
HSVhsv(236, 67%, 95%)
CMYKcmyk(66.5%, 62%, 0%, 5.1%)
CIE-LABlab(46.73, 42.29, -76.59)
CIE-LCHlch(46.73, 87.49, 298.91°)
OKLaboklab(55.78% 0.0136 -0.2209)
OKLCHoklch(55.78% 0.221 273.5)
XYZxyz(23.2422, 15.8123, 85.8144)
Luminance0.1581 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#515CF2 #F2E751
analogous
#51ACF2 #515CF2 #9751F2
triadic
#515CF2 #F2515C #5CF251
tetradic
#515CF2 #F251AC #F2E751 #51F297
square
#515CF2 #F251AC #F2E751 #51F297
split-complementary
#515CF2 #F29751 #ACF251
monochromatic
#0E1ABB #1827EE #515CF2 #8A91F6 #C3C7FB

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

On white

5.04
#515CF2 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.16
#515CF2 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #515CF2
5.04:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##515CF2#FFFFFF#000000##FFFFFF
##515CF21.005.044.165.04
#FFFFFF5.041.0021.001.00
#0000004.1621.001.0021.00
##FFFFFF5.041.0021.001.00

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

Protanopia (red-blind)
#0076F7
Deuteranopia (green-blind)
#0068EF
Tritanopia (blue-blind)
#00829E
Achromatopsia (no color)
#6F6F6F

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

CSS
--color: #515cf2;
/* rgb */ color: rgb(81, 92, 242);
/* oklch */ color: oklch(55.8% 0.221 273.5);
Tailwind
colors: {
  custom: {
    50: '#948af7',
    500: '#515cf2',
    950: '#000000',
  },
}
SCSS
$custom: #515cf2;
$custom-light: #948af7;
$custom-dark: #000000;
JSON
{
  "hex": "#515cf2",
  "rgb": {
    "r": 81,
    "g": 92,
    "b": 242
  },
  "hsl": {
    "h": 235.901,
    "s": 86.096,
    "l": 63.333
  },
  "oklch": {
    "l": 0.55779,
    "c": 0.22137,
    "h": 273.5
  },
  "luminance": 0.15814
}

Semantic roles & 50–950 ramp

primary
#515CF2
secondary
#ECE8B3
accent
#D303E3
background
#FAF8FF
surface
#F3F0FF
border
#CDCBD7
text
#0F0C17
muted
#7F7D85

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

معاينة مع #515CF2

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

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

#515CF2 — Tintiva