#AFD3EA#AFD3EA

#AFD3EA لون فاتح جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.616؛ OKLCH L 84.8% C 0.050 H 236.2°. أفضل لون لنص المتن هو #000000 بتباين 13.33:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFD3EA
RGBrgb(175, 211, 234)
HSLhsl(203, 58%, 80%)
HSVhsv(203, 25%, 92%)
CMYKcmyk(25.2%, 9.8%, 0%, 8.2%)
CIE-LABlab(82.72, -6.81, -15.22)
CIE-LCHlch(82.72, 16.68, 245.90°)
OKLaboklab(84.83% -0.0278 -0.0415)
OKLCHoklch(84.83% 0.05 236.2)
XYZxyz(55.8205, 61.6410, 86.7827)
Luminance0.6164 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFD3EA #EAC6AF
analogous
#AFEAE4 #AFD3EA #AFB5EA
triadic
#AFD3EA #EAAFD3 #D3EAAF
tetradic
#AFD3EA #E4AFEA #EAC6AF #B5EAAF
square
#AFD3EA #E4AFEA #EAC6AF #B5EAAF
split-complementary
#AFD3EA #EAAFB5 #EAE4AF
monochromatic
#4E9ED1 #7FB8DD #AFD3EA #DFEEF7 #E7F2F9

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

On white

1.58
#AFD3EA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.33
#AFD3EA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFD3EA#FFFFFF#000000##000000
##AFD3EA1.001.5813.3313.33
#FFFFFF1.581.0021.0021.00
#00000013.3321.001.001.00
##00000013.3321.001.001.00

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

Protanopia (red-blind)
#C9D2EB
Deuteranopia (green-blind)
#C1CBEA
Tritanopia (blue-blind)
#9ED9DA
Achromatopsia (no color)
#CECECE

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

CSS
--color: #afd3ea;
/* rgb */ color: rgb(175, 211, 234);
/* oklch */ color: oklch(84.8% 0.050 236.2);
Tailwind
colors: {
  custom: {
    50: '#c8e0f0',
    500: '#afd3ea',
    950: '#000000',
  },
}
SCSS
$custom: #afd3ea;
$custom-light: #c8e0f0;
$custom-dark: #000000;
JSON
{
  "hex": "#afd3ea",
  "rgb": {
    "r": 175,
    "g": 211,
    "b": 234
  },
  "hsl": {
    "h": 203.39,
    "s": 58.416,
    "l": 80.196
  },
  "oklch": {
    "l": 0.84832,
    "c": 0.04992,
    "h": 236.2
  },
  "luminance": 0.61643
}

Semantic roles & 50–950 ramp

primary
#AFD3EA
secondary
#C69677
accent
#601FC6
background
#FDFEFF
surface
#F9FCFE
border
#D2D5D6
text
#131516
muted
#828485

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

معاينة مع #AFD3EA

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

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

#AFD3EA — Tintiva