#AF7552#AF7552

#AF7552 لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.224؛ OKLCH L 61.5% C 0.088 H 51.6°. أفضل لون لنص المتن هو #000000 بتباين 5.49:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#AF7552
RGB	rgb(175, 117, 82)
HSL	hsl(23, 37%, 50%)
HSV	hsv(23, 53%, 69%)
CMYK	cmyk(0%, 33.1%, 53.1%, 31.4%)
CIE-LAB	lab(54.50, 18.88, 28.49)
CIE-LCH	lch(54.50, 34.18, 56.47°)
OKLab	oklab(61.48% 0.0549 0.0691)
OKLCH	oklch(61.48% 0.088 51.6)
XYZ	xyz(25.5649, 22.4478, 10.9674)
Luminance	0.2245 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#AF7552 #528CAF

analogous

#AF525D #AF7552 #AFA452

triadic

#AF7552 #52AF75 #7552AF

tetradic

#AF7552 #5DAF52 #528CAF #A452AF

square

#AF7552 #5DAF52 #528CAF #A452AF

split-complementary

#AF7552 #52AFA4 #525DAF

monochromatic

#5C3D2B #86593E #AF7552 #C2967C #D6B8A6

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

On white

3.83

#AF7552 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.49

#AF7552 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #AF7552

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

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

fg \ bg	##AF7552	#FFFFFF	#000000	##000000
##AF7552	1.00	3.83	5.49	5.49
#FFFFFF	3.83	1.00	21.00	21.00
#000000	5.49	21.00	1.00	1.00
##000000	5.49	21.00	1.00	1.00

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

Protanopia (red-blind)

#857B4F

Deuteranopia (green-blind)

#938752

Tritanopia (blue-blind)

#BD6A6C

Achromatopsia (no color)

#828282

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

CSS

--color: #af7552;
/* rgb */ color: rgb(175, 117, 82);
/* oklch */ color: oklch(61.5% 0.088 51.6);

Tailwind

colors: {
  custom: {
    50: '#ca9d83',
    500: '#af7552',
    950: '#000000',
  },
}

SCSS

$custom: #af7552;
$custom-light: #ca9d83;
$custom-dark: #000000;

JSON

{
  "hex": "#af7552",
  "rgb": {
    "r": 175,
    "g": 117,
    "b": 82
  },
  "hsl": {
    "h": 22.581,
    "s": 36.759,
    "l": 50.392
  },
  "oklch": {
    "l": 0.61479,
    "c": 0.08823,
    "h": 51.6
  },
  "luminance": 0.22446
}

Semantic roles & 50–950 ramp

primary

#AF7552

secondary

#9AB4C3

accent

#A2CD5B

background

#FCF9F8

surface

#F9F2EF

border

#D2CCCA

text

#140E0A

muted

#827E7C

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

معاينة مع #AF7552

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

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