#BAE2A3#BAE2A3

#BAE2A3 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.675؛ OKLCH L 86.8% C 0.094 H 134.4°. أفضل لون لنص المتن هو #000000 بتباين 14.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAE2A3
RGBrgb(186, 226, 163)
HSLhsl(98, 52%, 76%)
HSVhsv(98, 28%, 89%)
CMYKcmyk(17.7%, 0%, 27.9%, 11.4%)
CIE-LABlab(85.74, -24.29, 26.64)
CIE-LCHlch(85.74, 36.05, 132.36°)
OKLaboklab(86.85% -0.0659 0.0673)
OKLCHoklch(86.85% 0.094 134.4)
XYZxyz(54.0556, 67.4752, 44.8193)
Luminance0.6748 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAE2A3 #CBA3E2
analogous
#DAE2A3 #BAE2A3 #A3E2AC
triadic
#BAE2A3 #A3BAE2 #E2A3BA
tetradic
#BAE2A3 #A3DAE2 #CBA3E2 #E2ACA3
square
#BAE2A3 #A3DAE2 #CBA3E2 #E2ACA3
split-complementary
#BAE2A3 #ACA3E2 #E2A3DA
monochromatic
#74C546 #97D374 #BAE2A3 #DDF1D2 #EEF8E8

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

On white

1.45
#BAE2A3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.50
#BAE2A3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAE2A3#FFFFFF#000000##000000
##BAE2A31.001.4514.5014.50
#FFFFFF1.451.0021.0021.00
#00000014.5021.001.001.00
##00000014.5021.001.001.00

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

Protanopia (red-blind)
#E7D99F
Deuteranopia (green-blind)
#E1D5A6
Tritanopia (blue-blind)
#BADDD1
Achromatopsia (no color)
#D6D6D6

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

CSS
--color: #bae2a3;
/* rgb */ color: rgb(186, 226, 163);
/* oklch */ color: oklch(86.8% 0.094 134.4);
Tailwind
colors: {
  custom: {
    50: '#cfebbe',
    500: '#bae2a3',
    950: '#000000',
  },
}
SCSS
$custom: #bae2a3;
$custom-light: #cfebbe;
$custom-dark: #000000;
JSON
{
  "hex": "#bae2a3",
  "rgb": {
    "r": 186,
    "g": 226,
    "b": 163
  },
  "hsl": {
    "h": 98.095,
    "s": 52.066,
    "l": 76.275
  },
  "oklch": {
    "l": 0.86847,
    "c": 0.09416,
    "h": 134.4
  },
  "luminance": 0.67476
}

Semantic roles & 50–950 ramp

primary
#BAE2A3
secondary
#9F6EBB
accent
#26BF87
background
#FEFEFD
surface
#FBFDF8
border
#D4D5D1
text
#141612
muted
#838482

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

معاينة مع #BAE2A3

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

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

#BAE2A3 — Tintiva