#3CBBCF#3CBBCF

#3CBBCF لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.410؛ OKLCH L 73.2% C 0.111 H 210.2°. أفضل لون لنص المتن هو #000000 بتباين 9.20:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3CBBCF
RGBrgb(60, 187, 207)
HSLhsl(188, 60%, 52%)
HSVhsv(188, 71%, 81%)
CMYKcmyk(71%, 9.7%, 0%, 18.8%)
CIE-LABlab(70.18, -27.68, -20.08)
CIE-LCHlch(70.18, 34.20, 215.96°)
OKLaboklab(73.21% -0.096 -0.0559)
OKLCHoklch(73.21% 0.111 210.2)
XYZxyz(30.8915, 41.0027, 65.3056)
Luminance0.4101 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3CBBCF #CF503C
analogous
#3CCF99 #3CBBCF #3C72CF
triadic
#3CBBCF #CF3CBB #BBCF3C
tetradic
#3CBBCF #993CCF #CF503C #72CF3C
square
#3CBBCF #993CCF #CF503C #72CF3C
split-complementary
#3CBBCF #CF3C72 #CF993C
monochromatic
#1D6874 #2994A5 #3CBBCF #6DCCDB #9EDDE7

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

On white

2.28
#3CBBCF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.20
#3CBBCF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #3CBBCF
9.20:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##3CBBCF#FFFFFF#000000##000000
##3CBBCF1.002.289.209.20
#FFFFFF2.281.0021.0021.00
#0000009.2021.001.001.00
##0000009.2021.001.001.00

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

Protanopia (red-blind)
#AAB4D0
Deuteranopia (green-blind)
#95A5CF
Tritanopia (blue-blind)
#00C4C1
Achromatopsia (no color)
#ACACAC

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

CSS
--color: #3cbbcf;
/* rgb */ color: rgb(60, 187, 207);
/* oklch */ color: oklch(73.2% 0.111 210.2);
Tailwind
colors: {
  custom: {
    50: '#86cfdd',
    500: '#3cbbcf',
    950: '#000000',
  },
}
SCSS
$custom: #3cbbcf;
$custom-light: #86cfdd;
$custom-dark: #000000;
JSON
{
  "hex": "#3cbbcf",
  "rgb": {
    "r": 60,
    "g": 187,
    "b": 207
  },
  "hsl": {
    "h": 188.163,
    "s": 60.494,
    "l": 52.353
  },
  "oklch": {
    "l": 0.73212,
    "c": 0.11104,
    "h": 210.2
  },
  "luminance": 0.41006
}

Semantic roles & 50–950 ramp

primary
#3CBBCF
secondary
#D39C93
accent
#5A44E4
background
#F9FCFD
surface
#F1F9FB
border
#CBD2D4
text
#0D1415
muted
#7E8283

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

معاينة مع #3CBBCF

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

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

#3CBBCF — Tintiva