#3A68CD#3A68CD

#3A68CD لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.152؛ OKLCH L 54.0% C 0.165 H 263.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.20:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3A68CD
RGBrgb(58, 104, 205)
HSLhsl(221, 60%, 52%)
HSVhsv(221, 72%, 80%)
CMYKcmyk(71.7%, 49.3%, 0%, 19.6%)
CIE-LABlab(45.92, 18.71, -56.99)
CIE-LCHlch(45.92, 59.98, 288.18°)
OKLaboklab(54.02% -0.0187 -0.1636)
OKLCHoklch(54.02% 0.165 263.5)
XYZxyz(17.7108, 15.2061, 59.7474)
Luminance0.1521 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3A68CD #CD9F3A
analogous
#3AB2CD #3A68CD #563ACD
triadic
#3A68CD #CD3A68 #68CD3A
tetradic
#3A68CD #CD3AB2 #CD9F3A #3ACD56
square
#3A68CD #CD3AB2 #CD9F3A #3ACD56
split-complementary
#3A68CD #CD563A #B2CD3A
monochromatic
#1C3770 #294EA1 #3A68CD #6B8DD9 #9CB3E6

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

On white

5.20
#3A68CD on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.04
#3A68CD on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #3A68CD
5.20:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##3A68CD#FFFFFF#000000##FFFFFF
##3A68CD1.005.204.045.20
#FFFFFF5.201.0021.001.00
#0000004.0421.001.0021.00
##FFFFFF5.201.0021.001.00

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

Protanopia (red-blind)
#2E74D1
Deuteranopia (green-blind)
#0066CB
Tritanopia (blue-blind)
#008091
Achromatopsia (no color)
#6D6D6D

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

CSS
--color: #3a68cd;
/* rgb */ color: rgb(58, 104, 205);
/* oklch */ color: oklch(54.0% 0.165 263.5);
Tailwind
colors: {
  custom: {
    50: '#8292dd',
    500: '#3a68cd',
    950: '#000000',
  },
}
SCSS
$custom: #3a68cd;
$custom-light: #8292dd;
$custom-dark: #000000;
JSON
{
  "hex": "#3a68cd",
  "rgb": {
    "r": 58,
    "g": 104,
    "b": 205
  },
  "hsl": {
    "h": 221.224,
    "s": 59.514,
    "l": 51.569
  },
  "oklch": {
    "l": 0.54019,
    "c": 0.16472,
    "h": 263.5
  },
  "luminance": 0.15208
}

Semantic roles & 50–950 ramp

primary
#3A68CD
secondary
#D2BD91
accent
#B145E3
background
#F8F8FD
surface
#F0F0FB
border
#CBCBD4
text
#0C0C15
muted
#7D7D83

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

معاينة مع #3A68CD

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

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

#3A68CD — Tintiva