#31BB6F#31BB6F

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

قيم اللون

HEX#31BB6F
RGBrgb(49, 187, 111)
HSLhsl(147, 58%, 46%)
HSVhsv(147, 74%, 73%)
CMYKcmyk(73.8%, 0%, 40.6%, 26.7%)
CIE-LABlab(67.53, -53.50, 28.30)
CIE-LCHlch(67.53, 60.52, 152.12°)
OKLaboklab(70.19% -0.1442 0.0704)
OKLCHoklch(70.19% 0.16 154)
XYZxyz(21.9042, 37.3388, 21.0885)
Luminance0.3734 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#31BB6F #BB317D
analogous
#38BB31 #31BB6F #31BBB4
triadic
#31BB6F #6F31BB #BB6F31
tetradic
#31BB6F #3138BB #BB317D #BBB431
square
#31BB6F #3138BB #BB317D #BBB431
split-complementary
#31BB6F #B431BB #BB3138
monochromatic
#185A35 #248B52 #31BB6F #56D38E #87E0AF

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

On white

2.48
#31BB6F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.47
#31BB6F on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##31BB6F#FFFFFF#000000##000000
##31BB6F1.002.488.478.47
#FFFFFF2.481.0021.0021.00
#0000008.4721.001.001.00
##0000008.4721.001.001.00

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

Protanopia (red-blind)
#BBAC6A
Deuteranopia (green-blind)
#AAA074
Tritanopia (blue-blind)
#00B9A8
Achromatopsia (no color)
#A4A4A4

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

CSS
--color: #31bb6f;
/* rgb */ color: rgb(49, 187, 111);
/* oklch */ color: oklch(70.2% 0.160 154.0);
Tailwind
colors: {
  custom: {
    50: '#7dd099',
    500: '#31bb6f',
    950: '#000000',
  },
}
SCSS
$custom: #31bb6f;
$custom-light: #7dd099;
$custom-dark: #000000;
JSON
{
  "hex": "#31bb6f",
  "rgb": {
    "r": 49,
    "g": 187,
    "b": 111
  },
  "hsl": {
    "h": 146.957,
    "s": 58.475,
    "l": 46.275
  },
  "oklch": {
    "l": 0.70186,
    "c": 0.16044,
    "h": 154
  },
  "luminance": 0.37341
}

Semantic roles & 50–950 ramp

primary
#31BB6F
secondary
#C97FA8
accent
#469CE2
background
#F8FCF9
surface
#EFF9F2
border
#CAD2CC
text
#0B140E
muted
#7C827E

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

معاينة مع #31BB6F

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

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

#31BB6F — Tintiva