#FDB6FE#FDB6FE
#FDB6FE لون فاتح جداً وزاهٍ من عائلة purple. الإضاءة النسبية 0.615؛ OKLCH L 86.5% C 0.123 H 326.1°. أفضل لون لنص المتن هو #000000 بتباين 13.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FDB6FE |
|---|---|
| RGB | rgb(253, 182, 254) |
| HSL | hsl(299, 97%, 85%) |
| HSV | hsv(299, 28%, 100%) |
| CMYK | cmyk(0.4%, 28.3%, 0%, 0.4%) |
| CIE-LAB | lab(82.64, 37.10, -25.40) |
| CIE-LCH | lch(82.64, 44.96, 325.60°) |
| OKLab | oklab(86.5% 0.1023 -0.0687) |
| OKLCH | oklch(86.5% 0.123 326.1) |
| XYZ | xyz(75.1236, 61.4967, 101.6595) |
| Luminance | 0.6149 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Light Lavendar
#EFC0FE
ΔE00 4.22
Mauve
#E0B0FF
ΔE00 6.09
Light Lilac
#EDC8FF
ΔE00 6.51
Plum
#DDA0DD
ΔE00 6.84
Very Light Purple
#F6CEFC
ΔE00 7.36
Pale Mauve
#FED0FC
ΔE00 7.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FDB6FE #B7FEB6
analogous
#D9B6FE #FDB6FE #FEB6DB
triadic
#FDB6FE #FEFDB6 #B6FEFD
tetradic
#FDB6FE #FED9B6 #B7FEB6 #B6DBFE
square
#FDB6FE #FED9B6 #B7FEB6 #B6DBFE
split-complementary
#FDB6FE #DBFEB6 #B6FED9
monochromatic
#FA3DFC #FB7AFD #FDB6FE #FEE1FF #FEE1FF
إمكانية الوصول والتباين
On white
1.58
#FDB6FE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.30
#FDB6FE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FDB6FE
13.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FDB6FE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FDB6FE | 1.00 | 1.58 | 13.30 | 13.30 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.30 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B1C8FF
Deuteranopia (green-blind)
#C2D1FB
Tritanopia (blue-blind)
#FFBCD0
Achromatopsia (no color)
#CECECE
وسوم التصميم والكود
CSS
--color: #fdb6fe; /* rgb */ color: rgb(253, 182, 254); /* oklch */ color: oklch(86.5% 0.123 326.1);
Tailwind
colors: {
custom: {
50: '#ffccff',
500: '#fdb6fe',
950: '#000000',
},
}SCSS
$custom: #fdb6fe; $custom-light: #ffccff; $custom-dark: #000000;
JSON
{
"hex": "#fdb6fe",
"rgb": {
"r": 253,
"g": 182,
"b": 254
},
"hsl": {
"h": 299.167,
"s": 97.297,
"l": 85.49
},
"oklch": {
"l": 0.86504,
"c": 0.12325,
"h": 326.1
},
"luminance": 0.61494
}Semantic roles & 50–950 ramp
primary
#FDB6FE
secondary
#75E574
accent
#E60003
background
#FFFEFF
surface
#FFFAFF
border
#D7D3D7
text
#181318
muted
#868386