#BCD5A2#BCD5A2

#BCD5A2 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.609؛ OKLCH L 84.1% C 0.074 H 129.1°. أفضل لون لنص المتن هو #000000 بتباين 13.18:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BCD5A2
RGBrgb(188, 213, 162)
HSLhsl(89, 38%, 74%)
HSVhsv(89, 24%, 84%)
CMYKcmyk(11.7%, 0%, 23.9%, 16.5%)
CIE-LABlab(82.32, -17.34, 22.51)
CIE-LCHlch(82.32, 28.42, 127.61°)
OKLaboklab(84.14% -0.0465 0.0572)
OKLCHoklch(84.14% 0.074 129.1)
XYZxyz(51.0539, 60.8881, 43.2383)
Luminance0.6089 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BCD5A2 #BBA2D5
analogous
#D5D4A2 #BCD5A2 #A2D5A2
triadic
#BCD5A2 #A2BCD5 #D5A2BC
tetradic
#BCD5A2 #A2D5D4 #BBA2D5 #D5A2A2
square
#BCD5A2 #A2D5D4 #BBA2D5 #D5A2A2
split-complementary
#BCD5A2 #A2A2D5 #D4A2D5
monochromatic
#7FAE4F #9EC278 #BCD5A2 #DAE8CC #F0F5EA

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

On white

1.59
#BCD5A2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.18
#BCD5A2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BCD5A2#FFFFFF#000000##000000
##BCD5A21.001.5913.1813.18
#FFFFFF1.591.0021.0021.00
#00000013.1821.001.001.00
##00000013.1821.001.001.00

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

Protanopia (red-blind)
#DACE9F
Deuteranopia (green-blind)
#D6CCA4
Tritanopia (blue-blind)
#BED0C7
Achromatopsia (no color)
#CDCDCD

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

CSS
--color: #bcd5a2;
/* rgb */ color: rgb(188, 213, 162);
/* oklch */ color: oklch(84.1% 0.074 129.1);
Tailwind
colors: {
  custom: {
    50: '#d0e2bd',
    500: '#bcd5a2',
    950: '#000000',
  },
}
SCSS
$custom: #bcd5a2;
$custom-light: #d0e2bd;
$custom-dark: #000000;
JSON
{
  "hex": "#bcd5a2",
  "rgb": {
    "r": 188,
    "g": 213,
    "b": 162
  },
  "hsl": {
    "h": 89.412,
    "s": 37.778,
    "l": 73.529
  },
  "oklch": {
    "l": 0.84137,
    "c": 0.07375,
    "h": 129.1
  },
  "luminance": 0.60889
}

Semantic roles & 50–950 ramp

primary
#BCD5A2
secondary
#8D70AC
accent
#35B172
background
#FEFEFD
surface
#FBFCF8
border
#D4D5D1
text
#141512
muted
#838482

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

معاينة مع #BCD5A2

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

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

#BCD5A2 — Tintiva