#676BCC#676BCC

#676BCC لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.178؛ OKLCH L 57.2% C 0.147 H 278.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.61:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#676BCC
RGBrgb(103, 107, 204)
HSLhsl(238, 50%, 60%)
HSVhsv(238, 50%, 80%)
CMYKcmyk(49.5%, 47.5%, 0%, 20%)
CIE-LABlab(49.20, 24.78, -51.00)
CIE-LCHlch(49.20, 56.70, 295.91°)
OKLaboklab(57.17% 0.0227 -0.1451)
OKLCHoklch(57.17% 0.147 278.9)
XYZxyz(21.7469, 17.7574, 59.3966)
Luminance0.1776 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#676BCC #CCC867
analogous
#679DCC #676BCC #9667CC
triadic
#676BCC #CC676B #6BCC67
tetradic
#676BCC #CC679D #CCC867 #67CC96
square
#676BCC #CC679D #CCC867 #67CC96
split-complementary
#676BCC #CC9667 #9DCC67
monochromatic
#2E328A #3E43B8 #676BCC #9598DB #C3C4EB

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

On white

4.61
#676BCC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.55
#676BCC on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #676BCC
4.61:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##676BCC#FFFFFF#000000##FFFFFF
##676BCC1.004.614.554.61
#FFFFFF4.611.0021.001.00
#0000004.5521.001.0021.00
##FFFFFF4.611.0021.001.00

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

Protanopia (red-blind)
#4079D0
Deuteranopia (green-blind)
#3771CA
Tritanopia (blue-blind)
#408092
Achromatopsia (no color)
#757575

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

CSS
--color: #676bcc;
/* rgb */ color: rgb(103, 107, 204);
/* oklch */ color: oklch(57.2% 0.147 278.9);
Tailwind
colors: {
  custom: {
    50: '#9995dc',
    500: '#676bcc',
    950: '#000000',
  },
}
SCSS
$custom: #676bcc;
$custom-light: #9995dc;
$custom-dark: #000000;
JSON
{
  "hex": "#676bcc",
  "rgb": {
    "r": 103,
    "g": 107,
    "b": 204
  },
  "hsl": {
    "h": 237.624,
    "s": 49.754,
    "l": 60.196
  },
  "oklch": {
    "l": 0.5717,
    "c": 0.14682,
    "h": 278.9
  },
  "luminance": 0.17759
}

Semantic roles & 50–950 ramp

primary
#676BCC
secondary
#DBD9B4
accent
#B728BD
background
#F9F9FD
surface
#F2F1FB
border
#CCCBD4
text
#0E0D15
muted
#7E7E83

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

معاينة مع #676BCC

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

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

#676BCC — Tintiva