#A7CCCC#A7CCCC

#A7CCCC لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.558؛ OKLCH L 81.8% C 0.039 H 196.4°. أفضل لون لنص المتن هو #000000 بتباين 12.15:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A7CCCC
RGBrgb(167, 204, 204)
HSLhsl(180, 27%, 73%)
HSVhsv(180, 18%, 80%)
CMYKcmyk(18.1%, 0%, 0%, 20%)
CIE-LABlab(79.48, -12.19, -4.07)
CIE-LCHlch(79.48, 12.85, 198.45°)
OKLaboklab(81.85% -0.0377 -0.0111)
OKLCHoklch(81.85% 0.039 196.4)
XYZxyz(48.4253, 55.7593, 65.3262)
Luminance0.5576 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A7CCCC #CCA7A7
analogous
#A7CCB9 #A7CCCC #A7B9CC
triadic
#A7CCCC #CCA7CC #CCCCA7
tetradic
#A7CCCC #B9A7CC #CCA7A7 #B9CCA7
square
#A7CCCC #B9A7CC #CCA7A7 #B9CCA7
split-complementary
#A7CCCC #CCA7B9 #CCB9A7
monochromatic
#5B9D9D #80B6B6 #A7CCCC #CEE2E2 #ECF4F4

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

On white

1.73
#A7CCCC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.15
#A7CCCC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A7CCCC#FFFFFF#000000##000000
##A7CCCC1.001.7312.1512.15
#FFFFFF1.731.0021.0021.00
#00000012.1521.001.001.00
##00000012.1521.001.001.00

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

Protanopia (red-blind)
#C7C8CC
Deuteranopia (green-blind)
#BFC3CC
Tritanopia (blue-blind)
#9CCFCC
Achromatopsia (no color)
#C5C5C5

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

CSS
--color: #a7cccc;
/* rgb */ color: rgb(167, 204, 204);
/* oklch */ color: oklch(81.8% 0.039 196.4);
Tailwind
colors: {
  custom: {
    50: '#c1dbdb',
    500: '#a7cccc',
    950: '#000000',
  },
}
SCSS
$custom: #a7cccc;
$custom-light: #c1dbdb;
$custom-dark: #000000;
JSON
{
  "hex": "#a7cccc",
  "rgb": {
    "r": 167,
    "g": 204,
    "b": 204
  },
  "hsl": {
    "h": 180,
    "s": 26.619,
    "l": 72.745
  },
  "oklch": {
    "l": 0.81847,
    "c": 0.03927,
    "h": 196.4
  },
  "luminance": 0.55761
}

Semantic roles & 50–950 ramp

primary
#A7CCCC
secondary
#A17676
accent
#4040A5
background
#FDFEFE
surface
#F9FBFB
border
#D2D4D4
text
#121515
muted
#828484

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

معاينة مع #A7CCCC

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

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

#A7CCCC — Tintiva