#67A184#67A184

#67A184 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.300؛ OKLCH L 66.1% C 0.075 H 161.7°. أفضل لون لنص المتن هو #000000 بتباين 7.01:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#67A184
RGB	rgb(103, 161, 132)
HSL	hsl(150, 24%, 52%)
HSV	hsv(150, 36%, 63%)
CMYK	cmyk(36%, 0%, 18%, 36.9%)
CIE-LAB	lab(61.69, -25.55, 9.17)
CIE-LCH	lch(61.69, 27.14, 160.25°)
OKLab	oklab(66.05% -0.0713 0.0236)
OKLCH	oklch(66.05% 0.075 161.7)
XYZ	xyz(22.5017, 30.0380, 26.4376)
Luminance	0.3004 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#67A184 #A16784

analogous

#67A167 #67A184 #67A1A1

triadic

#67A184 #8467A1 #A18467

tetradic

#67A184 #6767A1 #A16784 #A1A167

square

#67A184 #6767A1 #A16784 #A1A167

split-complementary

#67A184 #A167A1 #A16767

monochromatic

#365747 #4D7D65 #67A184 #8DB8A3 #B3D0C1

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

On white

3.00

#67A184 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

7.01

#67A184 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #67A184

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

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

fg \ bg	##67A184	#FFFFFF	#000000	##000000
##67A184	1.00	3.00	7.01	7.01
#FFFFFF	3.00	1.00	21.00	21.00
#000000	7.01	21.00	1.00	1.00
##000000	7.01	21.00	1.00	1.00

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

Protanopia (red-blind)

#9F9982

Deuteranopia (green-blind)

#969286

Tritanopia (blue-blind)

#5AA199

Achromatopsia (no color)

#959595

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

CSS

--color: #67a184;
/* rgb */ color: rgb(103, 161, 132);
/* oklch */ color: oklch(66.1% 0.075 161.7);

Tailwind

colors: {
  custom: {
    50: '#94bda7',
    500: '#67a184',
    950: '#000000',
  },
}

SCSS

$custom: #67a184;
$custom-light: #94bda7;
$custom-dark: #000000;

JSON

{
  "hex": "#67a184",
  "rgb": {
    "r": 103,
    "g": 161,
    "b": 132
  },
  "hsl": {
    "h": 150,
    "s": 23.577,
    "l": 51.765
  },
  "oklch": {
    "l": 0.66052,
    "c": 0.07507,
    "h": 161.7
  },
  "luminance": 0.30039
}

Semantic roles & 50–950 ramp

primary

#67A184

secondary

#BFA5B2

accent

#6894C0

background

#F9FBFA

surface

#F2F6F4

border

#CCD0CE

text

#0D120F

muted

#7E817F

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

معاينة مع #67A184

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

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