#BCCDB1#BCCDB1

#BCCDB1 لون فاتح جداً وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.575؛ OKLCH L 82.8% C 0.043 H 133.0°. أفضل لون لنص المتن هو #000000 بتباين 12.51:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BCCDB1
RGBrgb(188, 205, 177)
HSLhsl(96, 22%, 75%)
HSVhsv(96, 14%, 80%)
CMYKcmyk(8.3%, 0%, 13.7%, 19.6%)
CIE-LABlab(80.48, -10.86, 12.01)
CIE-LCHlch(80.48, 16.19, 132.14°)
OKLaboklab(82.77% -0.029 0.0311)
OKLCHoklch(82.77% 0.043 133)
XYZxyz(50.5048, 57.5280, 50.0297)
Luminance0.5753 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BCCDB1 #C2B1CD
analogous
#CACDB1 #BCCDB1 #B1CDB4
triadic
#BCCDB1 #B1BCCD #CDB1BC
tetradic
#BCCDB1 #B1CACD #C2B1CD #CDB4B1
square
#BCCDB1 #B1CACD #C2B1CD #CDB4B1
split-complementary
#BCCDB1 #B4B1CD #CDB1CA
monochromatic
#7C9D66 #9CB58C #BCCDB1 #DCE5D6 #EFF3EC

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

On white

1.68
#BCCDB1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.51
#BCCDB1 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BCCDB1#FFFFFF#000000##000000
##BCCDB11.001.6812.5112.51
#FFFFFF1.681.0021.0021.00
#00000012.5121.001.001.00
##00000012.5121.001.001.00

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

Protanopia (red-blind)
#D0C9AF
Deuteranopia (green-blind)
#CDC7B2
Tritanopia (blue-blind)
#BDCAC5
Achromatopsia (no color)
#C8C8C8

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

CSS
--color: #bccdb1;
/* rgb */ color: rgb(188, 205, 177);
/* oklch */ color: oklch(82.8% 0.043 133.0);
Tailwind
colors: {
  custom: {
    50: '#d0dcc8',
    500: '#bccdb1',
    950: '#000000',
  },
}
SCSS
$custom: #bccdb1;
$custom-light: #d0dcc8;
$custom-dark: #000000;
JSON
{
  "hex": "#bccdb1",
  "rgb": {
    "r": 188,
    "g": 205,
    "b": 177
  },
  "hsl": {
    "h": 96.429,
    "s": 21.875,
    "l": 74.902
  },
  "oklch": {
    "l": 0.82774,
    "c": 0.04253,
    "h": 133
  },
  "luminance": 0.57528
}

Semantic roles & 50–950 ramp

primary
#BCCDB1
secondary
#9580A2
accent
#45A07D
background
#FEFEFD
surface
#FBFCF9
border
#D4D5D2
text
#141513
muted
#838482

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

معاينة مع #BCCDB1

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

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

#BCCDB1 — Tintiva