#97AFF3#97AFF3

#97AFF3 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.437؛ OKLCH L 76.2% C 0.102 H 269.0°. أفضل لون لنص المتن هو #000000 بتباين 9.74:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#97AFF3
RGBrgb(151, 175, 243)
HSLhsl(224, 79%, 77%)
HSVhsv(224, 38%, 95%)
CMYKcmyk(37.9%, 28%, 0%, 4.7%)
CIE-LABlab(72.03, 8.11, -36.53)
CIE-LCHlch(72.03, 37.42, 282.52°)
OKLaboklab(76.17% -0.0018 -0.1017)
OKLCHoklch(76.17% 0.102 269)
XYZxyz(44.2653, 43.7083, 90.8808)
Luminance0.4371 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#97AFF3 #F3DB97
analogous
#97DDF3 #97AFF3 #AD97F3
triadic
#97AFF3 #F397AF #AFF397
tetradic
#97AFF3 #F397DD #F3DB97 #97F3AD
square
#97AFF3 #F397DD #F3DB97 #97F3AD
split-complementary
#97AFF3 #F3AD97 #DDF397
monochromatic
#295BE6 #6085ED #97AFF3 #CED9F9 #E4EAFC

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

On white

2.16
#97AFF3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.74
#97AFF3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #97AFF3
9.74:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##97AFF3#FFFFFF#000000##000000
##97AFF31.002.169.749.74
#FFFFFF2.161.0021.0021.00
#0000009.7421.001.001.00
##0000009.7421.001.001.00

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

Protanopia (red-blind)
#98B5F6
Deuteranopia (green-blind)
#90ADF1
Tritanopia (blue-blind)
#7ABDC7
Achromatopsia (no color)
#B1B1B1

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

CSS
--color: #97aff3;
/* rgb */ color: rgb(151, 175, 243);
/* oklch */ color: oklch(76.2% 0.102 269.0);
Tailwind
colors: {
  custom: {
    50: '#b8c6f7',
    500: '#97aff3',
    950: '#000000',
  },
}
SCSS
$custom: #97aff3;
$custom-light: #b8c6f7;
$custom-dark: #000000;
JSON
{
  "hex": "#97aff3",
  "rgb": {
    "r": 151,
    "g": 175,
    "b": 243
  },
  "hsl": {
    "h": 224.348,
    "s": 79.31,
    "l": 77.255
  },
  "oklch": {
    "l": 0.76168,
    "c": 0.10177,
    "h": 269
  },
  "luminance": 0.4371
}

Semantic roles & 50–950 ramp

primary
#97AFF3
secondary
#F4ECD7
accent
#A50ADC
background
#FBFCFF
surface
#F6F8FE
border
#D0D1D6
text
#121317
muted
#818285

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

معاينة مع #97AFF3

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

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

#97AFF3 — Tintiva