#AFC8F0#AFC8F0

#AFC8F0 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.567؛ OKLCH L 82.8% C 0.063 H 259.7°. أفضل لون لنص المتن هو #000000 بتباين 12.34:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFC8F0
RGBrgb(175, 200, 240)
HSLhsl(217, 68%, 81%)
HSVhsv(217, 27%, 94%)
CMYKcmyk(27.1%, 16.7%, 0%, 5.9%)
CIE-LABlab(80.02, 0.39, -22.51)
CIE-LCHlch(80.02, 22.51, 271.00°)
OKLaboklab(82.77% -0.0112 -0.0617)
OKLCHoklch(82.77% 0.063 259.7)
XYZxyz(54.0572, 56.7120, 90.5195)
Luminance0.5671 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFC8F0 #F0D7AF
analogous
#AFE9F0 #AFC8F0 #B7AFF0
triadic
#AFC8F0 #F0AFC8 #C8F0AF
tetradic
#AFC8F0 #F0AFE9 #F0D7AF #AFF0B7
square
#AFC8F0 #F0AFE9 #F0D7AF #AFF0B7
split-complementary
#AFC8F0 #F0B7AF #E9F0AF
monochromatic
#4881DD #7BA5E6 #AFC8F0 #E3EBFA #E5EDFA

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

On white

1.70
#AFC8F0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.34
#AFC8F0 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFC8F0#FFFFFF#000000##000000
##AFC8F01.001.7012.3412.34
#FFFFFF1.701.0021.0021.00
#00000012.3421.001.001.00
##00000012.3421.001.001.00

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

Protanopia (red-blind)
#BBCAF2
Deuteranopia (green-blind)
#B4C4EF
Tritanopia (blue-blind)
#9DD0D5
Achromatopsia (no color)
#C6C6C6

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

CSS
--color: #afc8f0;
/* rgb */ color: rgb(175, 200, 240);
/* oklch */ color: oklch(82.8% 0.063 259.7);
Tailwind
colors: {
  custom: {
    50: '#c8d8f5',
    500: '#afc8f0',
    950: '#000000',
  },
}
SCSS
$custom: #afc8f0;
$custom-light: #c8d8f5;
$custom-dark: #000000;
JSON
{
  "hex": "#afc8f0",
  "rgb": {
    "r": 175,
    "g": 200,
    "b": 240
  },
  "hsl": {
    "h": 216.923,
    "s": 68.421,
    "l": 81.373
  },
  "oklch": {
    "l": 0.82768,
    "c": 0.0627,
    "h": 259.7
  },
  "luminance": 0.56714
}

Semantic roles & 50–950 ramp

primary
#AFC8F0
secondary
#CEAC75
accent
#8815D0
background
#FDFEFF
surface
#F9FBFE
border
#D2D4D6
text
#131417
muted
#828385

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

معاينة مع #AFC8F0

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

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

#AFC8F0 — Tintiva