#33ACBC#33ACBC

#33ACBC لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.338؛ OKLCH L 68.6% C 0.105 H 208.0°. أفضل لون لنص المتن هو #000000 بتباين 7.77:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#33ACBC
RGBrgb(51, 172, 188)
HSLhsl(187, 57%, 47%)
HSVhsv(187, 73%, 74%)
CMYKcmyk(72.9%, 8.5%, 0%, 26.3%)
CIE-LABlab(64.83, -27.24, -17.73)
CIE-LCHlch(64.83, 32.51, 213.06°)
OKLaboklab(68.63% -0.0927 -0.0493)
OKLCHoklch(68.63% 0.105 208)
XYZxyz(25.1909, 33.8367, 52.7707)
Luminance0.3384 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#33ACBC #BC4333
analogous
#33BC88 #33ACBC #3368BC
triadic
#33ACBC #BC33AC #ACBC33
tetradic
#33ACBC #8833BC #BC4333 #68BC33
square
#33ACBC #8833BC #BC4333 #68BC33
split-complementary
#33ACBC #BC3368 #BC8833
monochromatic
#19545C #26808C #33ACBC #5AC4D2 #8AD5DF

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

On white

2.70
#33ACBC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.77
#33ACBC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##33ACBC#FFFFFF#000000##000000
##33ACBC1.002.707.777.77
#FFFFFF2.701.0021.0021.00
#0000007.7721.001.001.00
##0000007.7721.001.001.00

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

Protanopia (red-blind)
#9DA5BD
Deuteranopia (green-blind)
#8A97BC
Tritanopia (blue-blind)
#00B4B1
Achromatopsia (no color)
#9D9D9D

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

CSS
--color: #33acbc;
/* rgb */ color: rgb(51, 172, 188);
/* oklch */ color: oklch(68.6% 0.105 208.0);
Tailwind
colors: {
  custom: {
    50: '#7fc5d0',
    500: '#33acbc',
    950: '#000000',
  },
}
SCSS
$custom: #33acbc;
$custom-light: #7fc5d0;
$custom-dark: #000000;
JSON
{
  "hex": "#33acbc",
  "rgb": {
    "r": 51,
    "g": 172,
    "b": 188
  },
  "hsl": {
    "h": 187.007,
    "s": 57.322,
    "l": 46.863
  },
  "oklch": {
    "l": 0.68627,
    "c": 0.10502,
    "h": 208
  },
  "luminance": 0.3384
}

Semantic roles & 50–950 ramp

primary
#33ACBC
secondary
#C98A81
accent
#5947E1
background
#F8FCFC
surface
#F0F8F9
border
#CBD1D2
text
#0C1314
muted
#7D8282

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

معاينة مع #33ACBC

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

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

#33ACBC — Tintiva