لون مسمّى · #FFC7B0
Antique Coral
Antique Coral هو #FFC7B0: rgb(255 199 176)، hsl(17 100% 85%)، oklch(0.874 0.072 43.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Antique Coral color name →
#FFC7B0
oklch(0.874 0.072 43.4)
تحويلات الألوان
- HEX
- #ffc7b0
- RGB
- rgb(255 199 176)
- HSL
- hsl(17 100% 85%)
- HWB
- hwb(17 69% 0%)
- OKLCH
- oklch(0.874 0.072 43.4)
- OKLab
- oklab(0.874 0.052 0.049)
- CIE Lab
- lab(84.91 18.27 19.61)
- LCH
- lch(84.91 26.8 47)
- CMYK
- cmyk(0% 22% 31% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFCDB8
- FFD2C0
- FFD8C8
- FFDED0
- FFE3D7
- FFE9DF
- FFEEE7
- FFF4EF
- FFF9F7
درجات داكنة
- DEAD99
- BE9382
- 9E7A6C
- 806256
- 634C42
- 48362E
- 2E211C
- 160E0B
- 030201
درجات رمادية
- F2C0AB
- E5B9A6
- D8B1A2
- CBAA9D
- BEA398
- B29C93
- A5958E
- 998E8A
- 8C8785
تناسق الألوان
متمم +180°
- FFC7B0
Antique Coral
- A1E0F8
≈ Ganon Blue
متجاور -30° +30°
- FFC7B0
Antique Coral
- FFC4C8
≈ Pink and Sleek
- F3CFA2
≈ Tequila
ثلاثي +120° +240°
- FFC7B0
Antique Coral
- AAE5C8
≈ Fabulous Find
- CFD1FF
≈ Pale Phthalo Blue
متمم منقسم +150° +210°
- FFC7B0
Antique Coral
- 9DE5E3
≈ Everest
- B9D9FF
≈ Broad Daylight
رباعي +90° +180° +270°
- FFC7B0
Antique Coral
- C3E0B0
≈ Bowling Green
- A1E0F8
≈ Ganon Blue
- E6C8F7
≈ Wisteria Powder
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.04:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--antique-coral: #ffc7b0;
--antique-coral-rgb: 255 199 176;
--antique-coral-oklch: oklch(0.874 0.072 43.4);
}
.element {
color: var(--antique-coral);
background-color: hsl(17 100% 85%);
border-color: oklch(0.874 0.072 43.4);
}Tailwind CSS v4
@theme {
--color-antique-coral: #ffc7b0;
--color-antique-coral-50: #ffefe5;
--color-antique-coral-100: #fee1d5;
--color-antique-coral-200: #f0cbbb;
--color-antique-coral-300: #d8ad99;
--color-antique-coral-400: #c3917c;
--color-antique-coral-500: #af775f;
--color-antique-coral-600: #946551;
--color-antique-coral-700: #765041;
--color-antique-coral-800: #583a2f;
--color-antique-coral-900: #3d2820;
--color-antique-coral-950: #27160f;
}SCSS
$antique-coral: #ffc7b0;
$antique-coral-rgb: 255, 199, 176;
$antique-coral-light: mix(#fff, $antique-coral, 20%);
$antique-coral-dark: mix(#000, $antique-coral, 20%);
.element {
color: $antique-coral;
box-shadow: 0 0 0 2px rgba($antique-coral, 0.35);
}