#348AC3#348AC3

#348AC3 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.228؛ OKLCH L 60.8% C 0.119 H 241.8°. أفضل لون لنص المتن هو #000000 بتباين 5.57:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#348AC3
RGBrgb(52, 138, 195)
HSLhsl(204, 58%, 48%)
HSVhsv(204, 73%, 76%)
CMYKcmyk(73.3%, 29.2%, 0%, 23.5%)
CIE-LABlab(54.91, -6.53, -36.98)
CIE-LCHlch(54.91, 37.55, 259.99°)
OKLaboklab(60.79% -0.0561 -0.1046)
OKLCHoklch(60.79% 0.119 241.8)
XYZxyz(20.3512, 22.8448, 54.9561)
Luminance0.2285 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#348AC3 #C36D34
analogous
#34C3B4 #348AC3 #3442C3
triadic
#348AC3 #C3348A #8AC334
tetradic
#348AC3 #B434C3 #C36D34 #42C334
square
#348AC3 #B434C3 #C36D34 #42C334
split-complementary
#348AC3 #C33442 #C3B434
monochromatic
#1A4662 #276893 #348AC3 #60A6D5 #90C1E1

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

On white

3.77
#348AC3 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.57
#348AC3 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #348AC3
5.57:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##348AC3#FFFFFF#000000##000000
##348AC31.003.775.575.57
#FFFFFF3.771.0021.0021.00
#0000005.5721.001.001.00
##0000005.5721.001.001.00

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

Protanopia (red-blind)
#708BC6
Deuteranopia (green-blind)
#5C7DC2
Tritanopia (blue-blind)
#00989E
Achromatopsia (no color)
#838383

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

CSS
--color: #348ac3;
/* rgb */ color: rgb(52, 138, 195);
/* oklch */ color: oklch(60.8% 0.119 241.8);
Tailwind
colors: {
  custom: {
    50: '#7eacd5',
    500: '#348ac3',
    950: '#000000',
  },
}
SCSS
$custom: #348ac3;
$custom-light: #7eacd5;
$custom-dark: #000000;
JSON
{
  "hex": "#348ac3",
  "rgb": {
    "r": 52,
    "g": 138,
    "b": 195
  },
  "hsl": {
    "h": 203.916,
    "s": 57.895,
    "l": 48.431
  },
  "oklch": {
    "l": 0.60789,
    "c": 0.11866,
    "h": 241.8
  },
  "luminance": 0.22847
}

Semantic roles & 50–950 ramp

primary
#348AC3
secondary
#CCA287
accent
#8447E1
background
#F8FAFD
surface
#EFF4FA
border
#CACED3
text
#0B1014
muted
#7C7F83

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

معاينة مع #348AC3

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

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

#348AC3 — Tintiva