لون مسمّى · #FC8F9B
Conch Shell
Conch Shell هو #FC8F9B: rgb(252 143 155)، hsl(353 95% 77%)، oklch(0.769 0.132 13.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Conch Shell color name →
#FC8F9B
oklch(0.769 0.132 13.6)
تحويلات الألوان
- HEX
- #fc8f9b
- RGB
- rgb(252 143 155)
- HSL
- hsl(353 95% 77%)
- HWB
- hwb(353 56% 1%)
- OKLCH
- oklch(0.769 0.132 13.6)
- OKLab
- oklab(0.769 0.128 0.031)
- CIE Lab
- lab(71.78 43 12.8)
- LCH
- lch(71.78 44.87 16.6)
- CMYK
- cmyk(0% 43% 38% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FE9BA5
- FFA6AE
- FFB2B8
- FFBDC2
- FFC8CC
- FFD3D6
- FFDEE0
- FFE9EA
- FFF4F5
درجات داكنة
- DB7C86
- BB6972
- 9C575E
- 7E454B
- 623439
- 472428
- 2D1518
- 160709
- 030101
درجات رمادية
- F08E98
- E48D96
- D78C93
- CB8B90
- BF898E
- B3888B
- A68688
- 9A8485
- 8D8283
تناسق الألوان
متمم +180°
- FC8F9B
Conch Shell
- 00CECC
≈ Neon Lagoon
متجاور -30° +30°
- FC8F9B
Conch Shell
- EE91C9
≈ Pearly Pink
- F9976C
≈ Autumn Arrival
ثلاثي +120° +240°
- FC8F9B
Conch Shell
- 91C66D
≈ Pistachio
- 7CB8FF
≈ Parakeet Blue
متمم منقسم +150° +210°
- FC8F9B
Conch Shell
- 53CE9D
≈ Vegetation
- 34C5F2
≈ Shovel Knight
رباعي +90° +180° +270°
- FC8F9B
Conch Shell
- C3B848
≈ Warm Olive
- 00CECC
≈ Neon Lagoon
- AAA9FF
≈ Shy Moment
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.20:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.54:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--conch-shell: #fc8f9b;
--conch-shell-rgb: 252 143 155;
--conch-shell-oklch: oklch(0.769 0.132 13.6);
}
.element {
color: var(--conch-shell);
background-color: hsl(353 95% 77%);
border-color: oklch(0.769 0.132 13.6);
}Tailwind CSS v4
@theme {
--color-conch-shell: #fc8f9b;
--color-conch-shell-50: #ffe7e9;
--color-conch-shell-100: #ffd7d9;
--color-conch-shell-200: #ffbec1;
--color-conch-shell-300: #f39ba1;
--color-conch-shell-400: #e17c87;
--color-conch-shell-500: #ce5c6c;
--color-conch-shell-600: #ae4e5c;
--color-conch-shell-700: #8c3e49;
--color-conch-shell-800: #682c36;
--color-conch-shell-900: #491e25;
--color-conch-shell-950: #300d14;
}SCSS
$conch-shell: #fc8f9b;
$conch-shell-rgb: 252, 143, 155;
$conch-shell-light: mix(#fff, $conch-shell, 20%);
$conch-shell-dark: mix(#000, $conch-shell, 20%);
.element {
color: $conch-shell;
box-shadow: 0 0 0 2px rgba($conch-shell, 0.35);
}