#AFECF2#AFECF2

#AFECF2 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.755؛ OKLCH L 90.4% C 0.062 H 203.7°. أفضل لون لنص المتن هو #000000 بتباين 16.10:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFECF2
RGBrgb(175, 236, 242)
HSLhsl(185, 72%, 82%)
HSVhsv(185, 28%, 95%)
CMYKcmyk(27.7%, 2.5%, 0%, 5.1%)
CIE-LABlab(89.63, -17.76, -9.12)
CIE-LCHlch(89.63, 19.97, 207.19°)
OKLaboklab(90.39% -0.0567 -0.0249)
OKLCHoklch(90.39% 0.062 203.7)
XYZxyz(63.6965, 75.5126, 95.2063)
Luminance0.7552 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFECF2 #F2B5AF
analogous
#AFF2D7 #AFECF2 #AFCBF2
triadic
#AFECF2 #F2AFEC #ECF2AF
tetradic
#AFECF2 #D7AFF2 #F2B5AF #CBF2AF
square
#AFECF2 #D7AFF2 #F2B5AF #CBF2AF
split-complementary
#AFECF2 #F2AFCB #F2D7AF
monochromatic
#46D3E1 #7ADFE9 #AFECF2 #E4F9FB #E5F9FB

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

On white

1.30
#AFECF2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.10
#AFECF2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFECF2#FFFFFF#000000##000000
##AFECF21.001.3016.1016.10
#FFFFFF1.301.0021.0021.00
#00000016.1021.001.001.00
##00000016.1021.001.001.00

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

Protanopia (red-blind)
#E3E7F2
Deuteranopia (green-blind)
#D7DDF2
Tritanopia (blue-blind)
#98F1EE
Achromatopsia (no color)
#E1E1E1

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

CSS
--color: #afecf2;
/* rgb */ color: rgb(175, 236, 242);
/* oklch */ color: oklch(90.4% 0.062 203.7);
Tailwind
colors: {
  custom: {
    50: '#c8f2f6',
    500: '#afecf2',
    950: '#000000',
  },
}
SCSS
$custom: #afecf2;
$custom-light: #c8f2f6;
$custom-dark: #000000;
JSON
{
  "hex": "#afecf2",
  "rgb": {
    "r": 175,
    "g": 236,
    "b": 242
  },
  "hsl": {
    "h": 185.373,
    "s": 72.043,
    "l": 81.765
  },
  "oklch": {
    "l": 0.90387,
    "c": 0.06194,
    "h": 203.7
  },
  "luminance": 0.75516
}

Semantic roles & 50–950 ramp

primary
#AFECF2
secondary
#D17C74
accent
#2311D4
background
#FDFFFF
surface
#F9FEFE
border
#D2D6D6
text
#131717
muted
#828585

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

معاينة مع #AFECF2

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

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

#AFECF2 — Tintiva