#67B5BA#67B5BA

#67B5BA لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.395؛ OKLCH L 72.5% C 0.077 H 201.0°. أفضل لون لنص المتن هو #000000 بتباين 8.90:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#67B5BA
RGBrgb(103, 181, 186)
HSLhsl(184, 38%, 57%)
HSVhsv(184, 45%, 73%)
CMYKcmyk(44.6%, 2.7%, 0%, 27.1%)
CIE-LABlab(69.09, -22.69, -10.05)
CIE-LCHlch(69.09, 24.82, 203.89°)
OKLaboklab(72.5% -0.0723 -0.0277)
OKLCHoklch(72.5% 0.077 201)
XYZxyz(30.9769, 39.4740, 52.4317)
Luminance0.3948 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#67B5BA #BA6C67
analogous
#67BA96 #67B5BA #678CBA
triadic
#67B5BA #BA67B5 #B5BA67
tetradic
#67B5BA #9667BA #BA6C67 #8CBA67
square
#67B5BA #9667BA #BA6C67 #8CBA67
split-complementary
#67B5BA #BA678C #BA9667
monochromatic
#346F73 #47989D #67B5BA #91C9CD #BBDEE0

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

On white

2.36
#67B5BA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.90
#67B5BA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #67B5BA
8.90:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##67B5BA#FFFFFF#000000##000000
##67B5BA1.002.368.908.90
#FFFFFF2.361.0021.0021.00
#0000008.9021.001.001.00
##0000008.9021.001.001.00

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

Protanopia (red-blind)
#ABAFBA
Deuteranopia (green-blind)
#9DA4BB
Tritanopia (blue-blind)
#3DBAB6
Achromatopsia (no color)
#A9A9A9

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

CSS
--color: #67b5ba;
/* rgb */ color: rgb(103, 181, 186);
/* oklch */ color: oklch(72.5% 0.077 201.0);
Tailwind
colors: {
  custom: {
    50: '#98cbce',
    500: '#67b5ba',
    950: '#000000',
  },
}
SCSS
$custom: #67b5ba;
$custom-light: #98cbce;
$custom-dark: #000000;
JSON
{
  "hex": "#67b5ba",
  "rgb": {
    "r": 103,
    "g": 181,
    "b": 186
  },
  "hsl": {
    "h": 183.614,
    "s": 37.557,
    "l": 56.667
  },
  "oklch": {
    "l": 0.72495,
    "c": 0.07738,
    "h": 201
  },
  "luminance": 0.39476
}

Semantic roles & 50–950 ramp

primary
#67B5BA
secondary
#CFAFAD
accent
#615ACE
background
#F9FCFC
surface
#F2F8F9
border
#CCD1D2
text
#0E1313
muted
#7E8282

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

معاينة مع #67B5BA

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

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

#67B5BA — Tintiva