#286D5D#286D5D

#286D5D لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.122؛ OKLCH L 48.6% C 0.074 H 175.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#286D5D
RGBrgb(40, 109, 93)
HSLhsl(166, 46%, 29%)
HSVhsv(166, 63%, 43%)
CMYKcmyk(63.3%, 0%, 14.7%, 57.3%)
CIE-LABlab(41.50, -25.84, 2.54)
CIE-LCHlch(41.50, 25.96, 174.38°)
OKLaboklab(48.64% -0.0737 0.0063)
OKLCHoklch(48.64% 0.074 175.1)
XYZxyz(8.3186, 12.1779, 12.2660)
Luminance0.1218 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#286D5D #6D2838
analogous
#286D3B #286D5D #285B6D
triadic
#286D5D #5D286D #6D5D28
tetradic
#286D5D #3B286D #6D2838 #5B6D28
square
#286D5D #3B286D #6D2838 #5B6D28
split-complementary
#286D5D #6D285B #6D3B28
monochromatic
#081613 #184037 #286D5D #389A83 #50BFA5

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

On white

6.11
#286D5D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.44
#286D5D on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #286D5D
6.11:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##286D5D#FFFFFF#000000##FFFFFF
##286D5D1.006.113.446.11
#FFFFFF6.111.0021.001.00
#0000003.4421.001.0021.00
##FFFFFF6.111.0021.001.00

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

Protanopia (red-blind)
#69665C
Deuteranopia (green-blind)
#5F5F5E
Tritanopia (blue-blind)
#006E68
Achromatopsia (no color)
#626262

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

CSS
--color: #286d5d;
/* rgb */ color: rgb(40, 109, 93);
/* oklch */ color: oklch(48.6% 0.074 175.1);
Tailwind
colors: {
  custom: {
    50: '#6a978a',
    500: '#286d5d',
    950: '#000000',
  },
}
SCSS
$custom: #286d5d;
$custom-light: #6a978a;
$custom-dark: #000000;
JSON
{
  "hex": "#286d5d",
  "rgb": {
    "r": 40,
    "g": 109,
    "b": 93
  },
  "hsl": {
    "h": 166.087,
    "s": 46.309,
    "l": 29.216
  },
  "oklch": {
    "l": 0.48635,
    "c": 0.07394,
    "h": 175.1
  },
  "luminance": 0.12179
}

Semantic roles & 50–950 ramp

primary
#286D5D
secondary
#9F5163
accent
#5270D6
background
#F6F9F8
surface
#EBF2F0
border
#C6CCCB
text
#070D0B
muted
#7A7E7C

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

معاينة مع #286D5D

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

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

#286D5D — Tintiva