#3C8FAA#3C8FAA

#3C8FAA لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.235؛ OKLCH L 61.0% C 0.089 H 222.7°. أفضل لون لنص المتن هو #000000 بتباين 5.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3C8FAA
RGBrgb(60, 143, 170)
HSLhsl(195, 48%, 45%)
HSVhsv(195, 65%, 67%)
CMYKcmyk(64.7%, 15.9%, 0%, 33.3%)
CIE-LABlab(55.59, -16.54, -21.65)
CIE-LCHlch(55.59, 27.24, 232.62°)
OKLaboklab(61.04% -0.0655 -0.0603)
OKLCHoklch(61.04% 0.089 222.7)
XYZxyz(18.9387, 23.5059, 41.5614)
Luminance0.2351 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3C8FAA #AA573C
analogous
#3CAA8E #3C8FAA #3C58AA
triadic
#3C8FAA #AA3C8F #8FAA3C
tetradic
#3C8FAA #8E3CAA #AA573C #58AA3C
square
#3C8FAA #8E3CAA #AA573C #58AA3C
split-complementary
#3C8FAA #AA3C58 #AA8E3C
monochromatic
#1C4350 #2C697D #3C8FAA #5DACC6 #8BC3D6

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

On white

3.68
#3C8FAA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.70
#3C8FAA on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #3C8FAA
5.70:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##3C8FAA#FFFFFF#000000##000000
##3C8FAA1.003.685.705.70
#FFFFFF3.681.0021.0021.00
#0000005.7021.001.001.00
##0000005.7021.001.001.00

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

Protanopia (red-blind)
#7F8CAB
Deuteranopia (green-blind)
#7080AA
Tritanopia (blue-blind)
#009798
Achromatopsia (no color)
#858585

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

CSS
--color: #3c8faa;
/* rgb */ color: rgb(60, 143, 170);
/* oklch */ color: oklch(61.0% 0.089 222.7);
Tailwind
colors: {
  custom: {
    50: '#7eb0c3',
    500: '#3c8faa',
    950: '#000000',
  },
}
SCSS
$custom: #3c8faa;
$custom-light: #7eb0c3;
$custom-dark: #000000;
JSON
{
  "hex": "#3c8faa",
  "rgb": {
    "r": 60,
    "g": 143,
    "b": 170
  },
  "hsl": {
    "h": 194.727,
    "s": 47.826,
    "l": 45.098
  },
  "oklch": {
    "l": 0.61044,
    "c": 0.08904,
    "h": 222.7
  },
  "luminance": 0.23508
}

Semantic roles & 50–950 ramp

primary
#3C8FAA
secondary
#C09181
accent
#7250D7
background
#F8FAFC
surface
#EFF4F8
border
#CACED1
text
#0B1012
muted
#7C7F81

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

معاينة مع #3C8FAA

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

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

#3C8FAA — Tintiva