#626FCE#626FCE

#626FCE لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.184؛ OKLCH L 57.7% C 0.145 H 275.0°. أفضل لون لنص المتن هو #000000 بتباين 4.68:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#626FCE
RGB	rgb(98, 111, 206)
HSL	hsl(233, 52%, 60%)
HSV	hsv(233, 52%, 81%)
CMYK	cmyk(52.4%, 46.1%, 0%, 19.2%)
CIE-LAB	lab(50.00, 21.84, -50.88)
CIE-LCH	lch(50.00, 55.37, 293.23°)
OKLab	oklab(57.73% 0.0128 -0.1448)
OKLCH	oklch(57.73% 0.145 275)
XYZ	xyz(21.8585, 18.4204, 60.7842)
Luminance	0.1842 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#626FCE #CEC162

analogous

#62A5CE #626FCE #8B62CE

triadic

#626FCE #CE626F #6FCE62

tetradic

#626FCE #CE62A5 #CEC162 #62CE8B

square

#626FCE #CE62A5 #CEC162 #62CE8B

split-complementary

#626FCE #CE8B62 #A5CE62

monochromatic

#2B378A #3A49B9 #626FCE #919ADD #BFC5EB

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

On white

4.48

#626FCE on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.68

#626FCE on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #626FCE

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

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

fg \ bg	##626FCE	#FFFFFF	#000000	##000000
##626FCE	1.00	4.48	4.68	4.68
#FFFFFF	4.48	1.00	21.00	21.00
#000000	4.68	21.00	1.00	1.00
##000000	4.68	21.00	1.00	1.00

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

Protanopia (red-blind)

#457CD2

Deuteranopia (green-blind)

#3973CC

Tritanopia (blue-blind)

#318494

Achromatopsia (no color)

#777777

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

CSS

--color: #626fce;
/* rgb */ color: rgb(98, 111, 206);
/* oklch */ color: oklch(57.7% 0.145 275.0);

Tailwind

colors: {
  custom: {
    50: '#9698dd',
    500: '#626fce',
    950: '#000000',
  },
}

SCSS

$custom: #626fce;
$custom-light: #9698dd;
$custom-dark: #000000;

JSON

{
  "hex": "#626fce",
  "rgb": {
    "r": 98,
    "g": 111,
    "b": 206
  },
  "hsl": {
    "h": 232.778,
    "s": 52.427,
    "l": 59.608
  },
  "oklch": {
    "l": 0.57727,
    "c": 0.14535,
    "h": 275
  },
  "luminance": 0.18422
}

Semantic roles & 50–950 ramp

primary

#626FCE

secondary

#DBD6B1

accent

#CB4CDC

background

#F9F9FD

surface

#F2F2FB

border

#CCCCD4

text

#0E0D15

muted

#7E7E83

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

معاينة مع #626FCE

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

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