#202F45#202F45

#202F45 لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.028؛ OKLCH L 30.3% C 0.045 H 257.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.51:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#202F45
RGB	rgb(32, 47, 69)
HSL	hsl(216, 37%, 20%)
HSV	hsv(216, 54%, 27%)
CMYK	cmyk(53.6%, 31.9%, 0%, 72.9%)
CIE-LAB	lab(19.10, 1.02, -15.69)
CIE-LCH	lch(19.10, 15.72, 273.72°)
OKLab	oklab(30.27% -0.0095 -0.0439)
OKLCH	oklch(30.27% 0.045 257.8)
XYZ	xyz(2.6860, 2.7696, 6.0221)
Luminance	0.0277 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#202F45 #453620

analogous

#204245 #202F45 #242045

triadic

#202F45 #45202F #2F4520

tetradic

#202F45 #452042 #453620 #204524

square

#202F45 #452042 #453620 #204524

split-complementary

#202F45 #452420 #424520

monochromatic

#0A0E15 #0D131B #202F45 #334B6F #476899

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

On white

13.51

#202F45 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.55

#202F45 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #202F45

13.51:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##202F45	#FFFFFF	#000000	##FFFFFF
##202F45	1.00	13.51	1.55	13.51
#FFFFFF	13.51	1.00	21.00	1.00
#000000	1.55	21.00	1.00	21.00
##FFFFFF	13.51	1.00	21.00	1.00

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

Protanopia (red-blind)

#273046

Deuteranopia (green-blind)

#222D45

Tritanopia (blue-blind)

#103437

Achromatopsia (no color)

#2E2E2E

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

CSS

--color: #202f45;
/* rgb */ color: rgb(32, 47, 69);
/* oklch */ color: oklch(30.3% 0.045 257.8);

Tailwind

colors: {
  custom: {
    50: '#5e6778',
    500: '#202f45',
    950: '#000000',
  },
}

SCSS

$custom: #202f45;
$custom-light: #5e6778;
$custom-dark: #000000;

JSON

{
  "hex": "#202f45",
  "rgb": {
    "r": 32,
    "g": 47,
    "b": 69
  },
  "hsl": {
    "h": 215.676,
    "s": 36.634,
    "l": 19.804
  },
  "oklch": {
    "l": 0.30273,
    "c": 0.04494,
    "h": 257.8
  },
  "luminance": 0.0277
}

Semantic roles & 50–950 ramp

primary

#202F45

secondary

#796548

accent

#9F5BCD

background

#F5F6F7

surface

#E9EBED

border

#C5C6C8

text

#040609

muted

#797A7B

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

معاينة مع #202F45

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

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