#AFD4FB#AFD4FB

#AFD4FB لون فاتح جداً ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.632؛ OKLCH L 85.6% C 0.067 H 250.0°. أفضل لون لنص المتن هو #000000 بتباين 13.63:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFD4FB
RGBrgb(175, 212, 251)
HSLhsl(211, 90%, 84%)
HSVhsv(211, 30%, 98%)
CMYKcmyk(30.3%, 15.5%, 0%, 1.6%)
CIE-LABlab(83.53, -3.37, -23.03)
CIE-LCHlch(83.53, 23.28, 261.67°)
OKLaboklab(85.65% -0.023 -0.0632)
OKLCHoklch(85.65% 0.067 250)
XYZxyz(58.6301, 63.1635, 100.3507)
Luminance0.6317 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFD4FB #FBD6AF
analogous
#AFFAFB #AFD4FB #B0AFFB
triadic
#AFD4FB #FBAFD4 #D4FBAF
tetradic
#AFD4FB #FBAFFA #FBD6AF #AFFBB0
square
#AFD4FB #FBAFFA #FBD6AF #AFFBB0
split-complementary
#AFD4FB #FBB0AF #FAFBAF
monochromatic
#3A95F5 #75B5F8 #AFD4FB #E2EFFE #E2EFFE

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

On white

1.54
#AFD4FB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.63
#AFD4FB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFD4FB#FFFFFF#000000##000000
##AFD4FB1.001.5413.6313.63
#FFFFFF1.541.0021.0021.00
#00000013.6321.001.001.00
##00000013.6321.001.001.00

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

Protanopia (red-blind)
#C5D5FD
Deuteranopia (green-blind)
#BCCDFA
Tritanopia (blue-blind)
#98DDE1
Achromatopsia (no color)
#D0D0D0

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

CSS
--color: #afd4fb;
/* rgb */ color: rgb(175, 212, 251);
/* oklch */ color: oklch(85.6% 0.067 250.0);
Tailwind
colors: {
  custom: {
    50: '#c8e1fc',
    500: '#afd4fb',
    950: '#000000',
  },
}
SCSS
$custom: #afd4fb;
$custom-light: #c8e1fc;
$custom-dark: #000000;
JSON
{
  "hex": "#afd4fb",
  "rgb": {
    "r": 175,
    "g": 212,
    "b": 251
  },
  "hsl": {
    "h": 210.789,
    "s": 90.476,
    "l": 83.529
  },
  "oklch": {
    "l": 0.85647,
    "c": 0.06729,
    "h": 250
  },
  "luminance": 0.63166
}

Semantic roles & 50–950 ramp

primary
#AFD4FB
secondary
#DFA96F
accent
#7600E6
background
#FDFEFF
surface
#F9FCFF
border
#D2D5D7
text
#131517
muted
#828485

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

معاينة مع #AFD4FB

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

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

#AFD4FB — Tintiva