#69A08B#69A08B

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

قيم اللون

HEX	#69A08B
RGB	rgb(105, 160, 139)
HSL	hsl(157, 22%, 52%)
HSV	hsv(157, 34%, 63%)
CMYK	cmyk(34.4%, 0%, 13.1%, 37.3%)
CIE-LAB	lab(61.66, -22.92, 5.22)
CIE-LCH	lch(61.66, 23.51, 167.17°)
OKLab	oklab(66.11% -0.065 0.0134)
OKLCH	oklch(66.11% 0.066 168.3)
XYZ	xyz(23.0550, 30.0077, 28.9983)
Luminance	0.3001 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#69A08B #A0697E

analogous

#69A070 #69A08B #699AA0

triadic

#69A08B #8B69A0 #A08B69

tetradic

#69A08B #7069A0 #A0697E #9AA069

square

#69A08B #7069A0 #A0697E #9AA069

split-complementary

#69A08B #A0699A #A07069

monochromatic

#37574B #4F7D6B #69A08B #8EB8A8 #B4CFC5

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

On white

3.00

#69A08B on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

7.00

#69A08B on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #69A08B

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

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

fg \ bg	##69A08B	#FFFFFF	#000000	##000000
##69A08B	1.00	3.00	7.00	7.00
#FFFFFF	3.00	1.00	21.00	21.00
#000000	7.00	21.00	1.00	1.00
##000000	7.00	21.00	1.00	1.00

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

Protanopia (red-blind)

#9D998A

Deuteranopia (green-blind)

#94928C

Tritanopia (blue-blind)

#5BA19A

Achromatopsia (no color)

#959595

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

CSS

--color: #69a08b;
/* rgb */ color: rgb(105, 160, 139);
/* oklch */ color: oklch(66.1% 0.066 168.3);

Tailwind

colors: {
  custom: {
    50: '#96bcac',
    500: '#69a08b',
    950: '#000000',
  },
}

SCSS

$custom: #69a08b;
$custom-light: #96bcac;
$custom-dark: #000000;

JSON

{
  "hex": "#69a08b",
  "rgb": {
    "r": 105,
    "g": 160,
    "b": 139
  },
  "hsl": {
    "h": 157.091,
    "s": 22.449,
    "l": 51.961
  },
  "oklch": {
    "l": 0.66115,
    "c": 0.06636,
    "h": 168.3
  },
  "luminance": 0.30009
}

Semantic roles & 50–950 ramp

primary

#69A08B

secondary

#BEA6B0

accent

#698ABF

background

#F9FBFA

surface

#F2F6F4

border

#CCD0CE

text

#0D1210

muted

#7E817F

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

معاينة مع #69A08B

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

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