#305D67#305D67

#305D67 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.094؛ OKLCH L 45.0% C 0.052 H 213.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#305D67
RGB	rgb(48, 93, 103)
HSL	hsl(191, 36%, 30%)
HSV	hsv(191, 53%, 40%)
CMYK	cmyk(53.4%, 9.7%, 0%, 59.6%)
CIE-LAB	lab(36.81, -12.41, -10.49)
CIE-LCH	lch(36.81, 16.25, 220.23°)
OKLab	oklab(45.04% -0.0432 -0.029)
OKLCH	oklch(45.04% 0.052 213.8)
XYZ	xyz(7.5805, 9.4357, 14.2511)
Luminance	0.0944 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#305D67 #673A30

analogous

#306756 #305D67 #304267

triadic

#305D67 #67305D #5D6730

tetradic

#305D67 #563067 #673A30 #426730

square

#305D67 #563067 #673A30 #426730

split-complementary

#305D67 #673042 #675630

monochromatic

#0A1315 #1D373D #305D67 #438391 #5EA4B4

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

On white

7.27

#305D67 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.89

#305D67 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #305D67

7.27:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##305D67	#FFFFFF	#000000	##FFFFFF
##305D67	1.00	7.27	2.89	7.27
#FFFFFF	7.27	1.00	21.00	1.00
#000000	2.89	21.00	1.00	21.00
##FFFFFF	7.27	1.00	21.00	1.00

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

Protanopia (red-blind)

#555A68

Deuteranopia (green-blind)

#4D5467

Tritanopia (blue-blind)

#0E6160

Achromatopsia (no color)

#575757

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

CSS

--color: #305d67;
/* rgb */ color: rgb(48, 93, 103);
/* oklch */ color: oklch(45.0% 0.052 213.8);

Tailwind

colors: {
  custom: {
    50: '#6d8b92',
    500: '#305d67',
    950: '#000000',
  },
}

SCSS

$custom: #305d67;
$custom-light: #6d8b92;
$custom-dark: #000000;

JSON

{
  "hex": "#305d67",
  "rgb": {
    "r": 48,
    "g": 93,
    "b": 103
  },
  "hsl": {
    "h": 190.909,
    "s": 36.424,
    "l": 29.608
  },
  "oklch": {
    "l": 0.45042,
    "c": 0.05205,
    "h": 213.8
  },
  "luminance": 0.09436
}

Semantic roles & 50–950 ramp

primary

#305D67

secondary

#98665A

accent

#705BCC

background

#F6F8F8

surface

#ECF0F0

border

#C7CBCB

text

#070C0D

muted

#7A7D7D

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

معاينة مع #305D67

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

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