#FDD69C#FDD69C

#FDD69C لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.714؛ OKLCH L 89.6% C 0.086 H 77.2°. أفضل لون لنص المتن هو #000000 بتباين 15.28:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#FDD69C
RGBrgb(253, 214, 156)
HSLhsl(36, 96%, 80%)
HSVhsv(36, 38%, 99%)
CMYKcmyk(0%, 15.4%, 38.3%, 0.8%)
CIE-LABlab(87.67, 5.88, 33.72)
CIE-LCHlch(87.67, 34.23, 80.11°)
OKLaboklab(89.59% 0.019 0.0838)
OKLCHoklch(89.59% 0.086 77.2)
XYZxyz(70.5572, 71.3792, 41.5071)
Luminance0.7138 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#FDD69C #9CC3FD
analogous
#FDA59C #FDD69C #F4FD9C
triadic
#FDD69C #9CFDD6 #D69CFD
tetradic
#FDD69C #9CFDA5 #9CC3FD #FD9CF4
square
#FDD69C #9CFDA5 #9CC3FD #FD9CF4
split-complementary
#FDD69C #9CF4FD #A59CFD
monochromatic
#FBA424 #FCBD60 #FDD69C #FEEFD8 #FEF3E1

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

On white

1.37
#FDD69C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.28
#FDD69C on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##FDD69C#FFFFFF#000000##000000
##FDD69C1.001.3715.2815.28
#FFFFFF1.371.0021.0021.00
#00000015.2821.001.001.00
##00000015.2821.001.001.00

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

Protanopia (red-blind)
#E6D698
Deuteranopia (green-blind)
#EFE09D
Tritanopia (blue-blind)
#FFCBC7
Achromatopsia (no color)
#DCDCDC

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

CSS
--color: #fdd69c;
/* rgb */ color: rgb(253, 214, 156);
/* oklch */ color: oklch(89.6% 0.086 77.2);
Tailwind
colors: {
  custom: {
    50: '#ffe2b9',
    500: '#fdd69c',
    950: '#000000',
  },
}
SCSS
$custom: #fdd69c;
$custom-light: #ffe2b9;
$custom-dark: #000000;
JSON
{
  "hex": "#fdd69c",
  "rgb": {
    "r": 253,
    "g": 214,
    "b": 156
  },
  "hsl": {
    "h": 35.876,
    "s": 96.04,
    "l": 80.196
  },
  "oklch": {
    "l": 0.89593,
    "c": 0.08593,
    "h": 77.2
  },
  "luminance": 0.71376
}

Semantic roles & 50–950 ramp

primary
#FDD69C
secondary
#5E92DF
accent
#5CE600
background
#FFFEFD
surface
#FFFCF8
border
#D7D5D1
text
#181511
muted
#868481

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

معاينة مع #FDD69C

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

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

#FDD69C — Tintiva