#2F6BBD#2F6BBD

#2F6BBD لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.148؛ OKLCH L 53.1% C 0.143 H 257.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.30:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#2F6BBD
RGBrgb(47, 107, 189)
HSLhsl(215, 60%, 46%)
HSVhsv(215, 75%, 74%)
CMYKcmyk(75.1%, 43.4%, 0%, 25.9%)
CIE-LABlab(45.35, 9.40, -48.70)
CIE-LCHlch(45.35, 49.60, 280.92°)
OKLaboklab(53.15% -0.0319 -0.1394)
OKLCHoklch(53.15% 0.143 257.1)
XYZxyz(15.6119, 14.7921, 50.1666)
Luminance0.1479 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#2F6BBD #BD812F
analogous
#2FB2BD #2F6BBD #3A2FBD
triadic
#2F6BBD #BD2F6B #6BBD2F
tetradic
#2F6BBD #BD2FB2 #BD812F #2FBD3A
square
#2F6BBD #BD2FB2 #BD812F #2FBD3A
split-complementary
#2F6BBD #BD3A2F #B2BD2F
monochromatic
#17345B #234F8C #2F6BBD #558BD5 #86ACE1

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

On white

5.30
#2F6BBD on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.96
#2F6BBD on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #2F6BBD
5.30:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##2F6BBD#FFFFFF#000000##FFFFFF
##2F6BBD1.005.303.965.30
#FFFFFF5.301.0021.001.00
#0000003.9621.001.0021.00
##FFFFFF5.301.0021.001.00

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

Protanopia (red-blind)
#4272C0
Deuteranopia (green-blind)
#2865BB
Tritanopia (blue-blind)
#007E8B
Achromatopsia (no color)
#6B6B6B

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

CSS
--color: #2f6bbd;
/* rgb */ color: rgb(47, 107, 189);
/* oklch */ color: oklch(53.1% 0.143 257.1);
Tailwind
colors: {
  custom: {
    50: '#7b94d1',
    500: '#2f6bbd',
    950: '#000000',
  },
}
SCSS
$custom: #2f6bbd;
$custom-light: #7b94d1;
$custom-dark: #000000;
JSON
{
  "hex": "#2f6bbd",
  "rgb": {
    "r": 47,
    "g": 107,
    "b": 189
  },
  "hsl": {
    "h": 214.648,
    "s": 60.169,
    "l": 46.275
  },
  "oklch": {
    "l": 0.53147,
    "c": 0.14299,
    "h": 257.1
  },
  "luminance": 0.14794
}

Semantic roles & 50–950 ramp

primary
#2F6BBD
secondary
#CAAA7E
accent
#A044E3
background
#F8F9FC
surface
#EFF1F9
border
#CACBD2
text
#0B0D14
muted
#7C7E82

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

معاينة مع #2F6BBD

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

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

#2F6BBD — Tintiva