#87ACD2#87ACD2

#87ACD2 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.393؛ OKLCH L 73.1% C 0.069 H 249.5°. أفضل لون لنص المتن هو #000000 بتباين 8.86:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#87ACD2
RGBrgb(135, 172, 210)
HSLhsl(210, 45%, 68%)
HSVhsv(210, 36%, 82%)
CMYKcmyk(35.7%, 18.1%, 0%, 17.6%)
CIE-LABlab(68.97, -3.25, -23.29)
CIE-LCHlch(68.97, 23.52, 262.05°)
OKLaboklab(73.1% -0.0241 -0.0642)
OKLCHoklch(73.1% 0.069 249.5)
XYZxyz(36.3734, 39.3073, 66.6308)
Luminance0.3931 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#87ACD2 #D2AD87
analogous
#87D2D2 #87ACD2 #8787D2
triadic
#87ACD2 #D287AC #ACD287
tetradic
#87ACD2 #D287D2 #D2AD87 #87D287
square
#87ACD2 #D287D2 #D2AD87 #87D287
split-complementary
#87ACD2 #D28787 #D2D287
monochromatic
#3D6FA2 #5A8DC1 #87ACD2 #B4CBE3 #E0EAF3

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

On white

2.37
#87ACD2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.86
#87ACD2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #87ACD2
8.86:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##87ACD2#FFFFFF#000000##000000
##87ACD21.002.378.868.86
#FFFFFF2.371.0021.0021.00
#0000008.8621.001.001.00
##0000008.8621.001.001.00

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

Protanopia (red-blind)
#9DADD4
Deuteranopia (green-blind)
#94A5D1
Tritanopia (blue-blind)
#6EB5B8
Achromatopsia (no color)
#A8A8A8

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

CSS
--color: #87acd2;
/* rgb */ color: rgb(135, 172, 210);
/* oklch */ color: oklch(73.1% 0.069 249.5);
Tailwind
colors: {
  custom: {
    50: '#acc4e0',
    500: '#87acd2',
    950: '#000000',
  },
}
SCSS
$custom: #87acd2;
$custom-light: #acc4e0;
$custom-dark: #000000;
JSON
{
  "hex": "#87acd2",
  "rgb": {
    "r": 135,
    "g": 172,
    "b": 210
  },
  "hsl": {
    "h": 210.4,
    "s": 45.455,
    "l": 67.647
  },
  "oklch": {
    "l": 0.731,
    "c": 0.06861,
    "h": 249.5
  },
  "luminance": 0.39309
}

Semantic roles & 50–950 ramp

primary
#87ACD2
secondary
#E6DBCF
accent
#742DB9
background
#FAFCFD
surface
#F4F8FB
border
#CED1D4
text
#101215
muted
#7F8183

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

معاينة مع #87ACD2

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

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

#87ACD2 — Tintiva