#86C4CC#86C4CC

#86C4CC لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.489؛ OKLCH L 78.1% C 0.064 H 206.1°. أفضل لون لنص المتن هو #000000 بتباين 10.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#86C4CC
RGBrgb(134, 196, 204)
HSLhsl(187, 41%, 66%)
HSVhsv(187, 34%, 80%)
CMYKcmyk(34.3%, 3.9%, 0%, 20%)
CIE-LABlab(75.39, -17.79, -10.33)
CIE-LCHlch(75.39, 20.57, 210.14°)
OKLaboklab(78.11% -0.0577 -0.0283)
OKLCHoklch(78.11% 0.064 206.1)
XYZxyz(40.4668, 48.9054, 64.4224)
Luminance0.4891 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#86C4CC #CC8E86
analogous
#86CCB1 #86C4CC #86A1CC
triadic
#86C4CC #CC86C4 #C4CC86
tetradic
#86C4CC #B186CC #CC8E86 #A1CC86
square
#86C4CC #B186CC #CC8E86 #A1CC86
split-complementary
#86C4CC #CC86A1 #CCB186
monochromatic
#408E98 #5BAFBA #86C4CC #B1D9DE #DCEEF0

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

On white

1.95
#86C4CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.78
#86C4CC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #86C4CC
10.78:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##86C4CC#FFFFFF#000000##000000
##86C4CC1.001.9510.7810.78
#FFFFFF1.951.0021.0021.00
#00000010.7821.001.001.00
##00000010.7821.001.001.00

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

Protanopia (red-blind)
#BABFCD
Deuteranopia (green-blind)
#AEB6CC
Tritanopia (blue-blind)
#6CC9C6
Achromatopsia (no color)
#BABABA

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

CSS
--color: #86c4cc;
/* rgb */ color: rgb(134, 196, 204);
/* oklch */ color: oklch(78.1% 0.064 206.1);
Tailwind
colors: {
  custom: {
    50: '#acd6db',
    500: '#86c4cc',
    950: '#000000',
  },
}
SCSS
$custom: #86c4cc;
$custom-light: #acd6db;
$custom-dark: #000000;
JSON
{
  "hex": "#86c4cc",
  "rgb": {
    "r": 134,
    "g": 196,
    "b": 204
  },
  "hsl": {
    "h": 186.857,
    "s": 40.698,
    "l": 66.275
  },
  "oklch": {
    "l": 0.78107,
    "c": 0.0643,
    "h": 206.1
  },
  "luminance": 0.48908
}

Semantic roles & 50–950 ramp

primary
#86C4CC
secondary
#E2CECB
accent
#4132B4
background
#FAFDFD
surface
#F4FAFB
border
#CED3D4
text
#101415
muted
#7F8383

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

معاينة مع #86C4CC

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

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

#86C4CC — Tintiva