#33BCD2#33BCD2

#33BCD2 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.413؛ OKLCH L 73.4% C 0.116 H 211.0°. أفضل لون لنص المتن هو #000000 بتباين 9.26:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#33BCD2
RGBrgb(51, 188, 210)
HSLhsl(188, 64%, 51%)
HSVhsv(188, 76%, 82%)
CMYKcmyk(75.7%, 10.5%, 0%, 17.6%)
CIE-LABlab(70.40, -28.32, -21.40)
CIE-LCHlch(70.40, 35.50, 217.08°)
OKLaboklab(73.37% -0.0993 -0.0596)
OKLCHoklch(73.37% 0.116 211)
XYZxyz(30.9763, 41.3196, 67.3032)
Luminance0.4132 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#33BCD2 #D24933
analogous
#33D298 #33BCD2 #336CD2
triadic
#33BCD2 #D233BC #BCD233
tetradic
#33BCD2 #9833D2 #D24933 #6CD233
square
#33BCD2 #9833D2 #D24933 #6CD233
split-complementary
#33BCD2 #D2336C #D29833
monochromatic
#196572 #2492A4 #33BCD2 #65CCDD #97DDE8

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

On white

2.27
#33BCD2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.26
#33BCD2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##33BCD2#FFFFFF#000000##000000
##33BCD21.002.279.269.26
#FFFFFF2.271.0021.0021.00
#0000009.2621.001.001.00
##0000009.2621.001.001.00

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

Protanopia (red-blind)
#AAB5D3
Deuteranopia (green-blind)
#94A5D2
Tritanopia (blue-blind)
#00C5C3
Achromatopsia (no color)
#ACACAC

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

CSS
--color: #33bcd2;
/* rgb */ color: rgb(51, 188, 210);
/* oklch */ color: oklch(73.4% 0.116 211.0);
Tailwind
colors: {
  custom: {
    50: '#83d0df',
    500: '#33bcd2',
    950: '#000000',
  },
}
SCSS
$custom: #33bcd2;
$custom-light: #83d0df;
$custom-dark: #000000;
JSON
{
  "hex": "#33bcd2",
  "rgb": {
    "r": 51,
    "g": 188,
    "b": 210
  },
  "hsl": {
    "h": 188.302,
    "s": 63.855,
    "l": 51.176
  },
  "oklch": {
    "l": 0.73373,
    "c": 0.11584,
    "h": 211
  },
  "luminance": 0.41323
}

Semantic roles & 50–950 ramp

primary
#33BCD2
secondary
#D4978D
accent
#5841E7
background
#F8FCFD
surface
#F0F9FB
border
#CBD2D4
text
#0C1415
muted
#7D8283

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

معاينة مع #33BCD2

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

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

#33BCD2 — Tintiva