#CC4A2C#CC4A2C

#CC4A2C لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.179؛ OKLCH L 58.3% C 0.171 H 34.4°. أفضل لون لنص المتن هو #000000 بتباين 4.58:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#CC4A2C
RGB	rgb(204, 74, 44)
HSL	hsl(11, 65%, 49%)
HSV	hsv(11, 78%, 80%)
CMYK	cmyk(0%, 63.7%, 78.4%, 20%)
CIE-LAB	lab(49.40, 50.04, 44.25)
CIE-LCH	lch(49.40, 66.79, 41.49°)
OKLab	oklab(58.28% 0.1411 0.0965)
OKLCH	oklch(58.28% 0.171 34.4)
XYZ	xyz(27.8083, 17.9208, 4.3772)
Luminance	0.1792 (WCAG relative)
Temperature	warm
Family	red

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#CC4A2C #2CAECC

analogous

#CC2C5E #CC4A2C #CC9A2C

triadic

#CC4A2C #2CCC4A #4A2CCC

tetradic

#CC4A2C #5ECC2C #2CAECC #9A2CCC

square

#CC4A2C #5ECC2C #2CAECC #9A2CCC

split-complementary

#CC4A2C #2CCC9A #2C5ECC

monochromatic

#672516 #9A3821 #CC4A2C #DB725A #E69D8C

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

On white

4.58

#CC4A2C on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.58

#CC4A2C on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #CC4A2C

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

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

fg \ bg	##CC4A2C	#FFFFFF	#000000	##000000
##CC4A2C	1.00	4.58	4.58	4.58
#FFFFFF	4.58	1.00	21.00	21.00
#000000	4.58	21.00	1.00	1.00
##000000	4.58	21.00	1.00	1.00

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

Protanopia (red-blind)

#6F6328

Deuteranopia (green-blind)

#8F8027

Tritanopia (blue-blind)

#E02744

Achromatopsia (no color)

#757575

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

CSS

--color: #cc4a2c;
/* rgb */ color: rgb(204, 74, 44);
/* oklch */ color: oklch(58.3% 0.171 34.4);

Tailwind

colors: {
  custom: {
    50: '#e48267',
    500: '#cc4a2c',
    950: '#000000',
  },
}

SCSS

$custom: #cc4a2c;
$custom-light: #e48267;
$custom-dark: #000000;

JSON

{
  "hex": "#cc4a2c",
  "rgb": {
    "r": 204,
    "g": 74,
    "b": 44
  },
  "hsl": {
    "h": 11.25,
    "s": 64.516,
    "l": 48.627
  },
  "oklch": {
    "l": 0.58281,
    "c": 0.17095,
    "h": 34.4
  },
  "luminance": 0.17917
}

Semantic roles & 50–950 ramp

primary

#CC4A2C

secondary

#83C2D0

accent

#C8E840

background

#FFF8F6

surface

#FFEFEB

border

#D7CAC6

text

#170B06

muted

#857C7A

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

معاينة مع #CC4A2C

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

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