#33AAAB#33AAAB

#33AAAB لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.324؛ OKLCH L 67.5% C 0.102 H 195.8°. أفضل لون لنص المتن هو #000000 بتباين 7.48:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#33AAAB
RGB	rgb(51, 170, 171)
HSL	hsl(181, 54%, 44%)
HSV	hsv(181, 70%, 67%)
CMYK	cmyk(70.2%, 0.6%, 0%, 32.9%)
CIE-LAB	lab(63.66, -31.41, -10.01)
CIE-LCH	lch(63.66, 32.97, 197.68°)
OKLab	oklab(67.5% -0.098 -0.0278)
OKLCH	oklch(67.5% 0.102 195.8)
XYZ	xyz(23.0873, 32.3908, 43.5555)
Luminance	0.3239 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#33AAAB #AB3433

analogous

#33AB70 #33AAAB #336EAB

triadic

#33AAAB #AB33AA #AAAB33

tetradic

#33AAAB #7033AB #AB3433 #6EAB33

square

#33AAAB #7033AB #AB3433 #6EAB33

split-complementary

#33AAAB #AB336E #AB7033

monochromatic

#174C4D #257B7C #33AAAB #50CACB #7FD8D9

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

On white

2.81

#33AAAB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.48

#33AAAB on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #33AAAB

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

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

fg \ bg	##33AAAB	#FFFFFF	#000000	##000000
##33AAAB	1.00	2.81	7.48	7.48
#FFFFFF	2.81	1.00	21.00	21.00
#000000	7.48	21.00	1.00	1.00
##000000	7.48	21.00	1.00	1.00

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

Protanopia (red-blind)

#9FA2AB

Deuteranopia (green-blind)

#8D95AC

Tritanopia (blue-blind)

#00B0AA

Achromatopsia (no color)

#9A9A9A

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

CSS

--color: #33aaab;
/* rgb */ color: rgb(51, 170, 171);
/* oklch */ color: oklch(67.5% 0.102 195.8);

Tailwind

colors: {
  custom: {
    50: '#7dc4c4',
    500: '#33aaab',
    950: '#000000',
  },
}

SCSS

$custom: #33aaab;
$custom-light: #7dc4c4;
$custom-dark: #000000;

JSON

{
  "hex": "#33aaab",
  "rgb": {
    "r": 51,
    "g": 170,
    "b": 171
  },
  "hsl": {
    "h": 180.5,
    "s": 54.054,
    "l": 43.529
  },
  "oklch": {
    "l": 0.67497,
    "c": 0.10189,
    "h": 195.8
  },
  "luminance": 0.32394
}

Semantic roles & 50–950 ramp

primary

#33AAAB

secondary

#C27878

accent

#4C4ADD

background

#F8FCFC

surface

#EFF8F8

border

#CAD1D1

text

#0B1212

muted

#7C8181

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

معاينة مع #33AAAB

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

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