#FBC3C8#FBC3C8
#FBC3C8 لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.637؛ OKLCH L 86.8% C 0.064 H 12.5°. أفضل لون لنص المتن هو #000000 بتباين 13.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FBC3C8 |
|---|---|
| RGB | rgb(251, 195, 200) |
| HSL | hsl(355, 88%, 87%) |
| HSV | hsv(355, 22%, 98%) |
| CMYK | cmyk(0%, 22.3%, 20.3%, 1.6%) |
| CIE-LAB | lab(83.82, 20.70, 5.21) |
| CIE-LCH | lch(83.82, 21.35, 14.13°) |
| OKLab | oklab(86.84% 0.0629 0.0139) |
| OKLCH | oklch(86.84% 0.064 12.5) |
| XYZ | xyz(69.7246, 63.7126, 63.2574) |
| Luminance | 0.6371 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Rose
#FFC5CB
ΔE00 0.80
Pale Rose
#FDC1C5
ΔE00 1.01
Bubblegum
#FFC1CC
ΔE00 2.32
Pink
#FFC0CB
ΔE00 2.42
Lightpink
#FFB6C1
ΔE00 4.20
Pale Pink
#FFCFDC
ΔE00 4.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FBC3C8 #C3FBF6
analogous
#FBC3E4 #FBC3C8 #FBDAC3
triadic
#FBC3C8 #C8FBC3 #C3C8FB
tetradic
#FBC3C8 #E4FBC3 #C3FBF6 #DAC3FB
square
#FBC3C8 #E4FBC3 #C3FBF6 #DAC3FB
split-complementary
#FBC3C8 #C3FBDA #C3E4FB
monochromatic
#F3505F #F78A93 #FBC3C8 #FDE2E5 #FDE2E5
إمكانية الوصول والتباين
On white
1.53
#FBC3C8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.74
#FBC3C8 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FBC3C8
13.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FBC3C8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBC3C8 | 1.00 | 1.53 | 13.74 | 13.74 |
| #FFFFFF | 1.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CCCBC8
Deuteranopia (green-blind)
#D9D5C7
Tritanopia (blue-blind)
#FFBEC5
Achromatopsia (no color)
#D1D1D1
وسوم التصميم والكود
CSS
--color: #fbc3c8; /* rgb */ color: rgb(251, 195, 200); /* oklch */ color: oklch(86.8% 0.064 12.5);
Tailwind
colors: {
custom: {
50: '#fdd5d8',
500: '#fbc3c8',
950: '#000000',
},
}SCSS
$custom: #fbc3c8; $custom-light: #fdd5d8; $custom-dark: #000000;
JSON
{
"hex": "#fbc3c8",
"rgb": {
"r": 251,
"g": 195,
"b": 200
},
"hsl": {
"h": 354.643,
"s": 87.5,
"l": 87.451
},
"oklch": {
"l": 0.86837,
"c": 0.06443,
"h": 12.5
},
"luminance": 0.6371
}Semantic roles & 50–950 ramp
primary
#FBC3C8
secondary
#81E1D8
accent
#E4D001
background
#FFFEFE
surface
#FFFBFB
border
#D7D4D4
text
#181414
muted
#868383