#69BAB2#69BAB2

#69BAB2 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.413؛ OKLCH L 73.5% C 0.081 H 187.4°. أفضل لون لنص المتن هو #000000 بتباين 9.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#69BAB2
RGBrgb(105, 186, 178)
HSLhsl(174, 37%, 57%)
HSVhsv(174, 44%, 73%)
CMYKcmyk(43.5%, 0%, 4.3%, 27.1%)
CIE-LABlab(70.41, -26.74, -3.69)
CIE-LCHlch(70.41, 26.99, 187.86°)
OKLaboklab(73.5% -0.0801 -0.0104)
OKLCHoklch(73.5% 0.081 187.4)
XYZxyz(31.4173, 41.3330, 48.4333)
Luminance0.4133 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#69BAB2 #BA6971
analogous
#69BA8A #69BAB2 #699ABA
triadic
#69BAB2 #B269BA #BAB269
tetradic
#69BAB2 #8A69BA #BA6971 #9ABA69
square
#69BAB2 #8A69BA #BA6971 #9ABA69
split-complementary
#69BAB2 #BA699A #BA8A69
monochromatic
#35736D #489D95 #69BAB2 #93CDC8 #BDE1DD

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

On white

2.27
#69BAB2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.27
#69BAB2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##69BAB2#FFFFFF#000000##000000
##69BAB21.002.279.279.27
#FFFFFF2.271.0021.0021.00
#0000009.2721.001.001.00
##0000009.2721.001.001.00

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

Protanopia (red-blind)
#B2B2B2
Deuteranopia (green-blind)
#A4A8B3
Tritanopia (blue-blind)
#45BDB7
Achromatopsia (no color)
#ACACAC

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

CSS
--color: #69bab2;
/* rgb */ color: rgb(105, 186, 178);
/* oklch */ color: oklch(73.5% 0.081 187.4);
Tailwind
colors: {
  custom: {
    50: '#99cfc9',
    500: '#69bab2',
    950: '#000000',
  },
}
SCSS
$custom: #69bab2;
$custom-light: #99cfc9;
$custom-dark: #000000;
JSON
{
  "hex": "#69bab2",
  "rgb": {
    "r": 105,
    "g": 186,
    "b": 178
  },
  "hsl": {
    "h": 174.074,
    "s": 36.986,
    "l": 57.059
  },
  "oklch": {
    "l": 0.73498,
    "c": 0.08074,
    "h": 187.4
  },
  "luminance": 0.41335
}

Semantic roles & 50–950 ramp

primary
#69BAB2
secondary
#D0AFB2
accent
#5B66CD
background
#F9FCFC
surface
#F2F9F8
border
#CCD2D1
text
#0E1313
muted
#7E8282

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

معاينة مع #69BAB2

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

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

#69BAB2 — Tintiva