#3DBCDF#3DBCDF

#3DBCDF لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.423؛ OKLCH L 74.1% C 0.118 H 220.4°. أفضل لون لنص المتن هو #000000 بتباين 9.46:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3DBCDF
RGBrgb(61, 188, 223)
HSLhsl(193, 72%, 56%)
HSVhsv(193, 73%, 87%)
CMYKcmyk(72.6%, 15.7%, 0%, 12.5%)
CIE-LABlab(71.07, -23.07, -27.46)
CIE-LCHlch(71.07, 35.87, 229.96°)
OKLaboklab(74.12% -0.0902 -0.0767)
OKLCHoklch(74.12% 0.118 220.4)
XYZxyz(33.2214, 42.2823, 76.2082)
Luminance0.4229 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3DBCDF #DF603D
analogous
#3DDFB1 #3DBCDF #3D6BDF
triadic
#3DBCDF #DF3DBC #BCDF3D
tetradic
#3DBCDF #B13DDF #DF603D #6BDF3D
square
#3DBCDF #B13DDF #DF603D #6BDF3D
split-complementary
#3DBCDF #DF3D6B #DFB13D
monochromatic
#17728B #209DBF #3DBCDF #72CEE8 #A6E0F0

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

On white

2.22
#3DBCDF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.46
#3DBCDF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##3DBCDF#FFFFFF#000000##000000
##3DBCDF1.002.229.469.46
#FFFFFF2.221.0021.0021.00
#0000009.4621.001.001.00
##0000009.4621.001.001.00

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

Protanopia (red-blind)
#A7B7E1
Deuteranopia (green-blind)
#91A7DF
Tritanopia (blue-blind)
#00C7C7
Achromatopsia (no color)
#AEAEAE

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

CSS
--color: #3dbcdf;
/* rgb */ color: rgb(61, 188, 223);
/* oklch */ color: oklch(74.1% 0.118 220.4);
Tailwind
colors: {
  custom: {
    50: '#88d0e9',
    500: '#3dbcdf',
    950: '#000000',
  },
}
SCSS
$custom: #3dbcdf;
$custom-light: #88d0e9;
$custom-dark: #000000;
JSON
{
  "hex": "#3dbcdf",
  "rgb": {
    "r": 61,
    "g": 188,
    "b": 223
  },
  "hsl": {
    "h": 192.963,
    "s": 71.681,
    "l": 55.686
  },
  "oklch": {
    "l": 0.74121,
    "c": 0.11846,
    "h": 220.4
  },
  "luminance": 0.42286
}

Semantic roles & 50–950 ramp

primary
#3DBCDF
secondary
#DEA99A
accent
#6039EE
background
#F9FCFE
surface
#F1F9FC
border
#CBD2D5
text
#0D1416
muted
#7E8284

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

معاينة مع #3DBCDF

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

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

#3DBCDF — Tintiva