#424CCC#424CCC

#424CCC لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.107؛ OKLCH L 49.0% C 0.195 H 273.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.69:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#424CCC
RGBrgb(66, 76, 204)
HSLhsl(236, 58%, 53%)
HSVhsv(236, 68%, 80%)
CMYKcmyk(67.6%, 62.7%, 0%, 20%)
CIE-LABlab(39.05, 37.23, -67.54)
CIE-LCHlch(39.05, 77.13, 298.86°)
OKLaboklab(48.95% 0.0112 -0.1949)
OKLCHoklch(48.95% 0.195 273.3)
XYZxyz(15.7267, 10.6853, 58.3487)
Luminance0.1069 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#424CCC #CCC242
analogous
#4291CC #424CCC #7D42CC
triadic
#424CCC #CC424C #4CCC42
tetradic
#424CCC #CC4291 #CCC242 #42CC7D
square
#424CCC #CC4291 #CCC242 #42CC7D
split-complementary
#424CCC #CC7D42 #91CC42
monochromatic
#1F2674 #2C35A4 #424CCC #727AD9 #A2A7E6

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

On white

6.69
#424CCC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.14
#424CCC on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #424CCC
6.69:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##424CCC#FFFFFF#000000##FFFFFF
##424CCC1.006.693.146.69
#FFFFFF6.691.0021.001.00
#0000003.1421.001.0021.00
##FFFFFF6.691.0021.001.00

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

Protanopia (red-blind)
#0062D0
Deuteranopia (green-blind)
#0056CA
Tritanopia (blue-blind)
#006D85
Achromatopsia (no color)
#5C5C5C

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

CSS
--color: #424ccc;
/* rgb */ color: rgb(66, 76, 204);
/* oklch */ color: oklch(49.0% 0.195 273.3);
Tailwind
colors: {
  custom: {
    50: '#877edd',
    500: '#424ccc',
    950: '#000000',
  },
}
SCSS
$custom: #424ccc;
$custom-light: #877edd;
$custom-dark: #000000;
JSON
{
  "hex": "#424ccc",
  "rgb": {
    "r": 66,
    "g": 76,
    "b": 204
  },
  "hsl": {
    "h": 235.652,
    "s": 57.5,
    "l": 52.941
  },
  "oklch": {
    "l": 0.48952,
    "c": 0.1952,
    "h": 273.3
  },
  "luminance": 0.10687
}

Semantic roles & 50–950 ramp

primary
#424CCC
secondary
#D3CE97
accent
#D647E1
background
#F9F7FD
surface
#F1EEFB
border
#CBC9D4
text
#0D0A15
muted
#7E7C83

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

معاينة مع #424CCC

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

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

#424CCC — Tintiva