#69B4AA#69B4AA

#69B4AA لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.385؛ OKLCH L 71.8% C 0.077 H 184.8°. أفضل لون لنص المتن هو #000000 بتباين 8.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#69B4AA
RGBrgb(105, 180, 170)
HSLhsl(172, 33%, 56%)
HSVhsv(172, 42%, 71%)
CMYKcmyk(41.7%, 0%, 5.6%, 29.4%)
CIE-LABlab(68.42, -25.74, -2.21)
CIE-LCHlch(68.42, 25.83, 184.91°)
OKLaboklab(71.83% -0.0763 -0.0063)
OKLCHoklch(71.83% 0.077 184.8)
XYZxyz(29.3998, 38.5459, 43.9133)
Luminance0.3855 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#69B4AA #B46973
analogous
#69B484 #69B4AA #6998B4
triadic
#69B4AA #AA69B4 #B4AA69
tetradic
#69B4AA #8469B4 #B46973 #98B469
square
#69B4AA #8469B4 #B46973 #98B469
split-complementary
#69B4AA #B46998 #B48469
monochromatic
#366C65 #4B958B #69B4AA #92C8C1 #BBDDD8

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

On white

2.41
#69B4AA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.71
#69B4AA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #69B4AA
8.71:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##69B4AA#FFFFFF#000000##000000
##69B4AA1.002.418.718.71
#FFFFFF2.411.0021.0021.00
#0000008.7121.001.001.00
##0000008.7121.001.001.00

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

Protanopia (red-blind)
#ADACAA
Deuteranopia (green-blind)
#A0A3AB
Tritanopia (blue-blind)
#4BB7B1
Achromatopsia (no color)
#A7A7A7

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

CSS
--color: #69b4aa;
/* rgb */ color: rgb(105, 180, 170);
/* oklch */ color: oklch(71.8% 0.077 184.8);
Tailwind
colors: {
  custom: {
    50: '#98cac3',
    500: '#69b4aa',
    950: '#000000',
  },
}
SCSS
$custom: #69b4aa;
$custom-light: #98cac3;
$custom-dark: #000000;
JSON
{
  "hex": "#69b4aa",
  "rgb": {
    "r": 105,
    "g": 180,
    "b": 170
  },
  "hsl": {
    "h": 172,
    "s": 33.333,
    "l": 55.882
  },
  "oklch": {
    "l": 0.71825,
    "c": 0.07661,
    "h": 184.8
  },
  "luminance": 0.38548
}

Semantic roles & 50–950 ramp

primary
#69B4AA
secondary
#CCADB1
accent
#5E6DC9
background
#F9FCFB
surface
#F2F8F7
border
#CCD1D0
text
#0E1312
muted
#7E8281

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

معاينة مع #69B4AA

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

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

#69B4AA — Tintiva