#33BB7C#33BB7C

#33BB7C لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.377؛ OKLCH L 70.5% C 0.148 H 158.2°. أفضل لون لنص المتن هو #000000 بتباين 8.54:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#33BB7C
RGBrgb(51, 187, 124)
HSLhsl(152, 57%, 47%)
HSVhsv(152, 73%, 73%)
CMYKcmyk(72.7%, 0%, 33.7%, 26.7%)
CIE-LABlab(67.80, -50.65, 21.78)
CIE-LCHlch(67.80, 55.13, 156.73°)
OKLaboklab(70.49% -0.1374 0.055)
OKLCHoklch(70.49% 0.148 158.2)
XYZxyz(22.7714, 37.6971, 25.1410)
Luminance0.3770 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#33BB7C #BB3372
analogous
#33BB38 #33BB7C #33B6BB
triadic
#33BB7C #7C33BB #BB7C33
tetradic
#33BB7C #3833BB #BB3372 #B6BB33
square
#33BB7C #3833BB #BB3372 #B6BB33
split-complementary
#33BB7C #BB33B6 #BB3833
monochromatic
#195B3C #268B5C #33BB7C #59D29A #89DFB7

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

On white

2.46
#33BB7C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.54
#33BB7C on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##33BB7C#FFFFFF#000000##000000
##33BB7C1.002.468.548.54
#FFFFFF2.461.0021.0021.00
#0000008.5421.001.001.00
##0000008.5421.001.001.00

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

Protanopia (red-blind)
#B9AC78
Deuteranopia (green-blind)
#A8A080
Tritanopia (blue-blind)
#00BAAB
Achromatopsia (no color)
#A5A5A5

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

CSS
--color: #33bb7c;
/* rgb */ color: rgb(51, 187, 124);
/* oklch */ color: oklch(70.5% 0.148 158.2);
Tailwind
colors: {
  custom: {
    50: '#7ed0a2',
    500: '#33bb7c',
    950: '#000000',
  },
}
SCSS
$custom: #33bb7c;
$custom-light: #7ed0a2;
$custom-dark: #000000;
JSON
{
  "hex": "#33bb7c",
  "rgb": {
    "r": 51,
    "g": 187,
    "b": 124
  },
  "hsl": {
    "h": 152.206,
    "s": 57.143,
    "l": 46.667
  },
  "oklch": {
    "l": 0.70492,
    "c": 0.14797,
    "h": 158.2
  },
  "luminance": 0.377
}

Semantic roles & 50–950 ramp

primary
#33BB7C
secondary
#C981A2
accent
#478EE0
background
#F8FCFA
surface
#EFF9F3
border
#CAD2CD
text
#0B140F
muted
#7C827F

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

معاينة مع #33BB7C

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

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

#33BB7C — Tintiva