#AFD4BD#AFD4BD

#AFD4BD لون فاتح جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.599؛ OKLCH L 83.7% C 0.051 H 157.8°. أفضل لون لنص المتن هو #000000 بتباين 12.98:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AFD4BD
RGBrgb(175, 212, 189)
HSLhsl(143, 30%, 76%)
HSVhsv(143, 17%, 83%)
CMYKcmyk(17.5%, 0%, 10.8%, 16.9%)
CIE-LABlab(81.77, -16.70, 7.35)
CIE-LCHlch(81.77, 18.25, 156.26°)
OKLaboklab(83.67% -0.0468 0.0191)
OKLCHoklch(83.67% 0.051 157.8)
XYZxyz(50.4057, 59.8738, 57.0353)
Luminance0.5988 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AFD4BD #D4AFC6
analogous
#B3D4AF #AFD4BD #AFD4CF
triadic
#AFD4BD #BDAFD4 #D4BDAF
tetradic
#AFD4BD #AFB3D4 #D4AFC6 #D4CFAF
square
#AFD4BD #AFB3D4 #D4AFC6 #D4CFAF
split-complementary
#AFD4BD #CFAFD4 #D4AFB3
monochromatic
#5FA97B #87BF9C #AFD4BD #D7E9DE #EBF4EF

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

On white

1.62
#AFD4BD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.98
#AFD4BD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##AFD4BD#FFFFFF#000000##000000
##AFD4BD1.001.6212.9812.98
#FFFFFF1.621.0021.0021.00
#00000012.9821.001.001.00
##00000012.9821.001.001.00

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

Protanopia (red-blind)
#D3CEBC
Deuteranopia (green-blind)
#CDC9BE
Tritanopia (blue-blind)
#A9D3CD
Achromatopsia (no color)
#CBCBCB

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

CSS
--color: #afd4bd;
/* rgb */ color: rgb(175, 212, 189);
/* oklch */ color: oklch(83.7% 0.051 157.8);
Tailwind
colors: {
  custom: {
    50: '#c7e1d0',
    500: '#afd4bd',
    950: '#000000',
  },
}
SCSS
$custom: #afd4bd;
$custom-light: #c7e1d0;
$custom-dark: #000000;
JSON
{
  "hex": "#afd4bd",
  "rgb": {
    "r": 175,
    "g": 212,
    "b": 189
  },
  "hsl": {
    "h": 142.703,
    "s": 30.081,
    "l": 75.882
  },
  "oklch": {
    "l": 0.83672,
    "c": 0.05054,
    "h": 157.8
  },
  "luminance": 0.59875
}

Semantic roles & 50–950 ramp

primary
#AFD4BD
secondary
#AA7D99
accent
#3D80A9
background
#FDFEFE
surface
#F9FCFB
border
#D2D5D4
text
#131514
muted
#828483

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

معاينة مع #AFD4BD

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

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

#AFD4BD — Tintiva