#F2CC7A#F2CC7A

#F2CC7A لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.635؛ OKLCH L 86.1% C 0.110 H 85.3°. أفضل لون لنص المتن هو #000000 بتباين 13.69:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F2CC7A
RGBrgb(242, 204, 122)
HSLhsl(41, 82%, 71%)
HSVhsv(41, 50%, 95%)
CMYKcmyk(0%, 15.7%, 49.6%, 5.1%)
CIE-LABlab(83.69, 3.30, 45.60)
CIE-LCHlch(83.69, 45.72, 85.87°)
OKLaboklab(86.07% 0.009 0.1094)
OKLCHoklch(86.07% 0.11 85.3)
XYZxyz(61.7260, 63.4712, 27.4085)
Luminance0.6347 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F2CC7A #7AA0F2
analogous
#F2907A #F2CC7A #DCF27A
triadic
#F2CC7A #7AF2CC #CC7AF2
tetradic
#F2CC7A #7AF290 #7AA0F2 #F27ADC
square
#F2CC7A #7AF290 #7AA0F2 #F27ADC
split-complementary
#F2CC7A #7ADCF2 #907AF2
monochromatic
#DC9D16 #EDB742 #F2CC7A #F7E1B2 #FCF4E3

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

On white

1.53
#F2CC7A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.69
#F2CC7A on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F2CC7A#FFFFFF#000000##000000
##F2CC7A1.001.5313.6913.69
#FFFFFF1.531.0021.0021.00
#00000013.6921.001.001.00
##00000013.6921.001.001.00

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

Protanopia (red-blind)
#DECB73
Deuteranopia (green-blind)
#E7D57D
Tritanopia (blue-blind)
#FFBFB8
Achromatopsia (no color)
#D1D1D1

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

CSS
--color: #f2cc7a;
/* rgb */ color: rgb(242, 204, 122);
/* oklch */ color: oklch(86.1% 0.110 85.3);
Tailwind
colors: {
  custom: {
    50: '#f9dba2',
    500: '#f2cc7a',
    950: '#000000',
  },
}
SCSS
$custom: #f2cc7a;
$custom-light: #f9dba2;
$custom-dark: #000000;
JSON
{
  "hex": "#f2cc7a",
  "rgb": {
    "r": 242,
    "g": 204,
    "b": 122
  },
  "hsl": {
    "h": 41,
    "s": 82.192,
    "l": 71.373
  },
  "oklch": {
    "l": 0.86068,
    "c": 0.10973,
    "h": 85.3
  },
  "luminance": 0.63468
}

Semantic roles & 50–950 ramp

primary
#F2CC7A
secondary
#446FCD
accent
#4BDF07
background
#FFFEFC
surface
#FFFBF5
border
#D7D4CF
text
#18140F
muted
#868380

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

معاينة مع #F2CC7A

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

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

#F2CC7A — Tintiva