#33BB6C#33BB6C

#33BB6C لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.373؛ OKLCH L 70.2% C 0.163 H 152.9°. أفضل لون لنص المتن هو #000000 بتباين 8.47:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#33BB6C
RGBrgb(51, 187, 108)
HSLhsl(145, 57%, 47%)
HSVhsv(145, 73%, 73%)
CMYKcmyk(72.7%, 0%, 42.2%, 26.7%)
CIE-LABlab(67.52, -53.75, 29.86)
CIE-LCHlch(67.52, 61.49, 150.94°)
OKLaboklab(70.17% -0.1448 0.0739)
OKLCHoklch(70.17% 0.163 152.9)
XYZxyz(21.8404, 37.3247, 20.2378)
Luminance0.3733 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#33BB6C #BB3382
analogous
#3EBB33 #33BB6C #33BBB0
triadic
#33BB6C #6C33BB #BB6C33
tetradic
#33BB6C #333EBB #BB3382 #BBB033
square
#33BB6C #333EBB #BB3382 #BBB033
split-complementary
#33BB6C #B033BB #BB333E
monochromatic
#195B34 #268B50 #33BB6C #59D28C #89DFAD

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

On white

2.48
#33BB6C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.47
#33BB6C on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##33BB6C#FFFFFF#000000##000000
##33BB6C1.002.488.478.47
#FFFFFF2.481.0021.0021.00
#0000008.4721.001.001.00
##0000008.4721.001.001.00

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

Protanopia (red-blind)
#BBAB66
Deuteranopia (green-blind)
#ABA071
Tritanopia (blue-blind)
#00B8A8
Achromatopsia (no color)
#A4A4A4

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

CSS
--color: #33bb6c;
/* rgb */ color: rgb(51, 187, 108);
/* oklch */ color: oklch(70.2% 0.163 152.9);
Tailwind
colors: {
  custom: {
    50: '#7ed097',
    500: '#33bb6c',
    950: '#000000',
  },
}
SCSS
$custom: #33bb6c;
$custom-light: #7ed097;
$custom-dark: #000000;
JSON
{
  "hex": "#33bb6c",
  "rgb": {
    "r": 51,
    "g": 187,
    "b": 108
  },
  "hsl": {
    "h": 145.147,
    "s": 57.143,
    "l": 46.667
  },
  "oklch": {
    "l": 0.70173,
    "c": 0.16258,
    "h": 152.9
  },
  "luminance": 0.37327
}

Semantic roles & 50–950 ramp

primary
#33BB6C
secondary
#C981AB
accent
#47A0E0
background
#F8FCF9
surface
#EFF9F2
border
#CAD2CC
text
#0B140D
muted
#7C827E

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

معاينة مع #33BB6C

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

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

#33BB6C — Tintiva