لون مسمّى · #FFB49B
Persicus
Persicus هو #FFB49B: rgb(255 180 155)، hsl(15 100% 80%)، oklch(0.835 0.095 39.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Persicus color name →
#FFB49B
oklch(0.835 0.095 39.2)
تحويلات الألوان
- HEX
- #ffb49b
- RGB
- rgb(255 180 155)
- HSL
- hsl(15 100% 80%)
- HWB
- hwb(15 61% 0%)
- OKLCH
- oklch(0.835 0.095 39.2)
- OKLab
- oklab(0.835 0.073 0.06)
- CIE Lab
- lab(80.15 25.9 24.27)
- LCH
- lch(80.15 35.49 43.1)
- CMYK
- cmyk(0% 29% 39% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFBCA5
- FFC3AF
- FFCBB9
- FFD2C3
- FFDACD
- FFE1D7
- FFE9E1
- FFF0EB
- FFF8F5
درجات داكنة
- DE9C86
- BE8572
- 9E6E5E
- 80584B
- 634439
- 483028
- 2E1D18
- 160C09
- 030201
درجات رمادية
- F2AF99
- E5AA96
- D8A593
- CC9F91
- BF9A8E
- B2958B
- A69089
- 998B86
- 8D8583
تناسق الألوان
متمم +180°
- FFB49B
Persicus
- 7DD8F3
≈ Medium Sky Blue
متجاور -30° +30°
- FFB49B
Persicus
- FFB0BC
≈ Poodle Skirt
- F1BE84
≈ Melon Balls
ثلاثي +120° +240°
- FFB49B
Persicus
- 92DCB3
≈ Peaceful Pastures
- BDC4FF
≈ Light Periwinkle
متمم منقسم +150° +210°
- FFB49B
Persicus
- 79DDD5
≈ Shimmering Blue
- 9ECEFF
≈ Baby Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.71:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.25:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--persicus: #ffb49b;
--persicus-rgb: 255 180 155;
--persicus-oklch: oklch(0.835 0.095 39.2);
}
.element {
color: var(--persicus);
background-color: hsl(15 100% 80%);
border-color: oklch(0.835 0.095 39.2);
}Tailwind CSS v4
@theme {
--color-persicus: #ffb49b;
--color-persicus-50: #ffede1;
--color-persicus-100: #ffded0;
--color-persicus-200: #f9c8b6;
--color-persicus-300: #e2a892;
--color-persicus-400: #cf8b74;
--color-persicus-500: #bb6f56;
--color-persicus-600: #9e5e49;
--color-persicus-700: #7f4b3a;
--color-persicus-800: #5e362a;
--color-persicus-900: #42251c;
--color-persicus-950: #2a130d;
}SCSS
$persicus: #ffb49b;
$persicus-rgb: 255, 180, 155;
$persicus-light: mix(#fff, $persicus, 20%);
$persicus-dark: mix(#000, $persicus, 20%);
.element {
color: $persicus;
box-shadow: 0 0 0 2px rgba($persicus, 0.35);
}