#333FB2#333FB2

#333FB2 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.075؛ OKLCH L 43.5% C 0.181 H 271.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.42:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#333FB2
RGBrgb(51, 63, 178)
HSLhsl(234, 55%, 45%)
HSVhsv(234, 71%, 70%)
CMYKcmyk(71.3%, 64.6%, 0%, 30.2%)
CIE-LABlab(32.86, 34.36, -62.46)
CIE-LCHlch(32.86, 71.28, 298.82°)
OKLaboklab(43.5% 0.0058 -0.1804)
OKLCHoklch(43.5% 0.181 271.8)
XYZxyz(11.1759, 7.4721, 42.9641)
Luminance0.0747 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#333FB2 #B2A633
analogous
#337EB2 #333FB2 #6733B2
triadic
#333FB2 #B2333F #3FB233
tetradic
#333FB2 #B2337E #B2A633 #33B267
square
#333FB2 #B2337E #B2A633 #33B267
split-complementary
#333FB2 #B26733 #7EB233
monochromatic
#181D53 #252E82 #333FB2 #5460CE #848CDC

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

On white

8.42
#333FB2 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.49
#333FB2 on #000000
AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #333FB2
8.42:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##333FB2#FFFFFF#000000##FFFFFF
##333FB21.008.422.498.42
#FFFFFF8.421.0021.001.00
#0000002.4921.001.0021.00
##FFFFFF8.421.0021.001.00

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

Protanopia (red-blind)
#0053B6
Deuteranopia (green-blind)
#0047B0
Tritanopia (blue-blind)
#005D72
Achromatopsia (no color)
#4D4D4D

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

CSS
--color: #333fb2;
/* rgb */ color: rgb(51, 63, 178);
/* oklch */ color: oklch(43.5% 0.181 271.8);
Tailwind
colors: {
  custom: {
    50: '#7c74ca',
    500: '#333fb2',
    950: '#000000',
  },
}
SCSS
$custom: #333fb2;
$custom-light: #7c74ca;
$custom-dark: #000000;
JSON
{
  "hex": "#333fb2",
  "rgb": {
    "r": 51,
    "g": 63,
    "b": 178
  },
  "hsl": {
    "h": 234.331,
    "s": 55.459,
    "l": 44.902
  },
  "oklch": {
    "l": 0.435,
    "c": 0.18051,
    "h": 271.8
  },
  "luminance": 0.07473
}

Semantic roles & 50–950 ramp

primary
#333FB2
secondary
#C5BE7C
accent
#D149DF
background
#F8F7FC
surface
#EFEDF8
border
#CAC8D1
text
#0B0813
muted
#7C7B82

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

معاينة مع #333FB2

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

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

#333FB2 — Tintiva