#CC696C#CC696C

#CC696C لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.240؛ OKLCH L 63.7% C 0.126 H 19.4°. أفضل لون لنص المتن هو #000000 بتباين 5.80:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CC696C
RGBrgb(204, 105, 108)
HSLhsl(358, 49%, 61%)
HSVhsv(358, 49%, 80%)
CMYKcmyk(0%, 48.5%, 47.1%, 20%)
CIE-LABlab(56.11, 39.38, 16.43)
CIE-LCHlch(56.11, 42.67, 22.64°)
OKLaboklab(63.68% 0.1184 0.0416)
OKLCHoklch(63.68% 0.126 19.4)
XYZxyz(32.6623, 24.0266, 17.1019)
Luminance0.2402 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CC696C #69CCC9
analogous
#CC699D #CC696C #CC9769
triadic
#CC696C #6CCC69 #696CCC
tetradic
#CC696C #9DCC69 #69CCC9 #9769CC
square
#CC696C #9DCC69 #69CCC9 #9769CC
split-complementary
#CC696C #69CC97 #699DCC
monochromatic
#8B2F32 #B93F43 #CC696C #DC9799 #EBC4C6

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

On white

3.62
#CC696C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.80
#CC696C on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #CC696C
5.80:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##CC696C#FFFFFF#000000##000000
##CC696C1.003.625.805.80
#FFFFFF3.621.0021.0021.00
#0000005.8021.001.001.00
##0000005.8021.001.001.00

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

Protanopia (red-blind)
#7E7A6C
Deuteranopia (green-blind)
#978E6A
Tritanopia (blue-blind)
#DD5C6B
Achromatopsia (no color)
#868686

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

CSS
--color: #cc696c;
/* rgb */ color: rgb(204, 105, 108);
/* oklch */ color: oklch(63.7% 0.126 19.4);
Tailwind
colors: {
  custom: {
    50: '#df9696',
    500: '#cc696c',
    950: '#000000',
  },
}
SCSS
$custom: #cc696c;
$custom-light: #df9696;
$custom-dark: #000000;
JSON
{
  "hex": "#cc696c",
  "rgb": {
    "r": 204,
    "g": 105,
    "b": 108
  },
  "hsl": {
    "h": 358.182,
    "s": 49.254,
    "l": 60.588
  },
  "oklch": {
    "l": 0.63679,
    "c": 0.12552,
    "h": 19.4
  },
  "luminance": 0.24023
}

Semantic roles & 50–950 ramp

primary
#CC696C
secondary
#B6DBDA
accent
#BDB829
background
#FEF9F9
surface
#FCF2F1
border
#D5CCCB
text
#160D0D
muted
#847E7E

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

معاينة مع #CC696C

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

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

#CC696C — Tintiva