#338074#338074

#338074 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.174؛ OKLCH L 54.9% C 0.078 H 181.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.69:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#338074
RGB	rgb(51, 128, 116)
HSL	hsl(171, 43%, 35%)
HSV	hsv(171, 60%, 50%)
CMYK	cmyk(60.2%, 0%, 9.4%, 49.8%)
CIE-LAB	lab(48.76, -26.69, -0.56)
CIE-LCH	lch(48.76, 26.69, 181.20°)
OKLab	oklab(54.86% -0.0779 -0.0019)
OKLCH	oklch(54.86% 0.078 181.4)
XYZ	xyz(12.2354, 17.4019, 19.2337)
Luminance	0.1740 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#338074 #80333F

analogous

#33804D #338074 #336680

triadic

#338074 #743380 #807433

tetradic

#338074 #4D3380 #80333F #668033

square

#338074 #4D3380 #80333F #668033

split-complementary

#338074 #803366 #804D33

monochromatic

#102825 #22544C #338074 #44AC9C #6AC4B6

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

On white

4.69

#338074 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.48

#338074 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #338074

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

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

fg \ bg	##338074	#FFFFFF	#000000	##FFFFFF
##338074	1.00	4.69	4.48	4.69
#FFFFFF	4.69	1.00	21.00	1.00
#000000	4.48	21.00	1.00	21.00
##FFFFFF	4.69	1.00	21.00	1.00

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

Protanopia (red-blind)

#7B7974

Deuteranopia (green-blind)

#6F7075

Tritanopia (blue-blind)

#00827C

Achromatopsia (no color)

#747474

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

CSS

--color: #338074;
/* rgb */ color: rgb(51, 128, 116);
/* oklch */ color: oklch(54.9% 0.078 181.4);

Tailwind

colors: {
  custom: {
    50: '#73a59c',
    500: '#338074',
    950: '#000000',
  },
}

SCSS

$custom: #338074;
$custom-light: #73a59c;
$custom-dark: #000000;

JSON

{
  "hex": "#338074",
  "rgb": {
    "r": 51,
    "g": 128,
    "b": 116
  },
  "hsl": {
    "h": 170.649,
    "s": 43.017,
    "l": 35.098
  },
  "oklch": {
    "l": 0.54855,
    "c": 0.07788,
    "h": 181.4
  },
  "luminance": 0.17403
}

Semantic roles & 50–950 ramp

primary

#338074

secondary

#AB636F

accent

#5569D3

background

#F7FAF9

surface

#EDF4F2

border

#C8CECC

text

#090F0E

muted

#7B7F7E

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

معاينة مع #338074

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

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