#6FAC9C#6FAC9C

#6FAC9C لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.353؛ OKLCH L 69.8% C 0.068 H 175.8°. أفضل لون لنص المتن هو #000000 بتباين 8.06:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#6FAC9C
RGB	rgb(111, 172, 156)
HSL	hsl(164, 27%, 55%)
HSV	hsv(164, 35%, 67%)
CMYK	cmyk(35.5%, 0%, 9.3%, 32.5%)
CIE-LAB	lab(65.97, -23.39, 1.99)
CIE-LCH	lch(65.97, 23.47, 175.14°)
OKLab	oklab(69.8% -0.0676 0.0049)
OKLCH	oklch(69.8% 0.068 175.8)
XYZ	xyz(27.3067, 35.2832, 36.8175)
Luminance	0.3528 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#6FAC9C #AC6F7F

analogous

#6FAC7D #6FAC9C #6F9DAC

triadic

#6FAC9C #9C6FAC #AC9C6F

tetradic

#6FAC9C #7D6FAC #AC6F7F #9DAC6F

square

#6FAC9C #7D6FAC #AC6F7F #9DAC6F

split-complementary

#6FAC9C #AC6F9D #AC7D6F

monochromatic

#3B665B #518D7D #6FAC9C #96C2B7 #BDD9D1

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

On white

2.61

#6FAC9C on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.06

#6FAC9C on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #6FAC9C

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

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

fg \ bg	##6FAC9C	#FFFFFF	#000000	##000000
##6FAC9C	1.00	2.61	8.06	8.06
#FFFFFF	2.61	1.00	21.00	21.00
#000000	8.06	21.00	1.00	1.00
##000000	8.06	21.00	1.00	1.00

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

Protanopia (red-blind)

#A8A59B

Deuteranopia (green-blind)

#9D9D9D

Tritanopia (blue-blind)

#5DAEA7

Achromatopsia (no color)

#A0A0A0

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

CSS

--color: #6fac9c;
/* rgb */ color: rgb(111, 172, 156);
/* oklch */ color: oklch(69.8% 0.068 175.8);

Tailwind

colors: {
  custom: {
    50: '#9bc5b9',
    500: '#6fac9c',
    950: '#000000',
  },
}

SCSS

$custom: #6fac9c;
$custom-light: #9bc5b9;
$custom-dark: #000000;

JSON

{
  "hex": "#6fac9c",
  "rgb": {
    "r": 111,
    "g": 172,
    "b": 156
  },
  "hsl": {
    "h": 164.262,
    "s": 26.872,
    "l": 55.49
  },
  "oklch": {
    "l": 0.69805,
    "c": 0.06778,
    "h": 175.8
  },
  "luminance": 0.35285
}

Semantic roles & 50–950 ramp

primary

#6FAC9C

secondary

#C8AFB5

accent

#657DC3

background

#F9FCFB

surface

#F2F8F6

border

#CCD1D0

text

#0E1311

muted

#7E8280

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

معاينة مع #6FAC9C

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

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