#167A88#167A88

#167A88 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.159؛ OKLCH L 53.3% C 0.087 H 209.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.03:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#167A88
RGBrgb(22, 122, 136)
HSLhsl(187, 72%, 31%)
HSVhsv(187, 84%, 53%)
CMYKcmyk(83.8%, 10.3%, 0%, 46.7%)
CIE-LABlab(46.80, -21.73, -15.38)
CIE-LCHlch(46.80, 26.62, 215.29°)
OKLaboklab(53.29% -0.0754 -0.0429)
OKLCHoklch(53.29% 0.087 209.6)
XYZxyz(11.7324, 15.8657, 25.7318)
Luminance0.1587 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#167A88 #882416
analogous
#16885D #167A88 #164188
triadic
#167A88 #88167A #7A8816
tetradic
#167A88 #5D1688 #882416 #418816
square
#167A88 #5D1688 #882416 #418816
split-complementary
#167A88 #881641 #885D16
monochromatic
#051B1F #0D4B53 #167A88 #1FA9BD #39CBDF

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

On white

5.03
#167A88 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.17
#167A88 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #167A88
5.03:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##167A88#FFFFFF#000000##FFFFFF
##167A881.005.034.175.03
#FFFFFF5.031.0021.001.00
#0000004.1721.001.0021.00
##FFFFFF5.031.0021.001.00

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

Protanopia (red-blind)
#6E7589
Deuteranopia (green-blind)
#5F6A88
Tritanopia (blue-blind)
#00807E
Achromatopsia (no color)
#6F6F6F

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

CSS
--color: #167a88;
/* rgb */ color: rgb(22, 122, 136);
/* oklch */ color: oklch(53.3% 0.087 209.6);
Tailwind
colors: {
  custom: {
    50: '#6aa0aa',
    500: '#167a88',
    950: '#000000',
  },
}
SCSS
$custom: #167a88;
$custom-light: #6aa0aa;
$custom-dark: #000000;
JSON
{
  "hex": "#167a88",
  "rgb": {
    "r": 22,
    "g": 122,
    "b": 136
  },
  "hsl": {
    "h": 187.368,
    "s": 72.152,
    "l": 30.98
  },
  "oklch": {
    "l": 0.53288,
    "c": 0.08678,
    "h": 209.6
  },
  "luminance": 0.15867
}

Semantic roles & 50–950 ramp

primary
#167A88
secondary
#BC4D3E
accent
#4F39EF
background
#F6F9FA
surface
#ECF2F4
border
#C7CCCE
text
#080F10
muted
#7A7E7F

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

معاينة مع #167A88

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

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

#167A88 — Tintiva