#21433F#21433F

#21433F لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.047؛ OKLCH L 35.6% C 0.041 H 185.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.83:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#21433F
RGB	rgb(33, 67, 63)
HSL	hsl(173, 34%, 20%)
HSV	hsv(173, 51%, 26%)
CMYK	cmyk(50.7%, 0%, 6%, 73.7%)
CIE-LAB	lab(25.85, -13.55, -1.42)
CIE-LCH	lch(25.85, 13.63, 186.00°)
OKLab	oklab(35.58% -0.0403 -0.004)
OKLCH	oklch(35.58% 0.041 185.7)
XYZ	xyz(3.5312, 4.6962, 5.4220)
Luminance	0.0470 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#21433F #432125

analogous

#21432E #21433F #213643

triadic

#21433F #3F2143 #433F21

tetradic

#21433F #2E2143 #432125 #364321

square

#21433F #2E2143 #432125 #364321

split-complementary

#21433F #432136 #432E21

monochromatic

#0A1513 #0D1A18 #21433F #356C66 #49958C

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

On white

10.83

#21433F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.94

#21433F on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #21433F

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

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

fg \ bg	##21433F	#FFFFFF	#000000	##FFFFFF
##21433F	1.00	10.83	1.94	10.83
#FFFFFF	10.83	1.00	21.00	1.00
#000000	1.94	21.00	1.00	21.00
##FFFFFF	10.83	1.00	21.00	1.00

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

Protanopia (red-blind)

#40403F

Deuteranopia (green-blind)

#3A3B3F

Tritanopia (blue-blind)

#124442

Achromatopsia (no color)

#3D3D3D

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

CSS

--color: #21433f;
/* rgb */ color: rgb(33, 67, 63);
/* oklch */ color: oklch(35.6% 0.041 185.7);

Tailwind

colors: {
  custom: {
    50: '#5f7774',
    500: '#21433f',
    950: '#000000',
  },
}

SCSS

$custom: #21433f;
$custom-light: #5f7774;
$custom-dark: #000000;

JSON

{
  "hex": "#21433f",
  "rgb": {
    "r": 33,
    "g": 67,
    "b": 63
  },
  "hsl": {
    "h": 172.941,
    "s": 34,
    "l": 19.608
  },
  "oklch": {
    "l": 0.35577,
    "c": 0.04052,
    "h": 185.7
  },
  "luminance": 0.04697
}

Semantic roles & 50–950 ramp

primary

#21433F

secondary

#77494E

accent

#5E6ACA

background

#F5F7F7

surface

#E9EDED

border

#C5C8C8

text

#050808

muted

#797B7B

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

معاينة مع #21433F

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

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