لون مسمّى · #FEB7A5
Nature Apricot
Nature Apricot هو #FEB7A5: rgb(254 183 165)، hsl(12 98% 82%)، oklch(0.841 0.087 34.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Nature Apricot color name →
#FEB7A5
oklch(0.841 0.087 34.7)
تحويلات الألوان
- HEX
- #feb7a5
- RGB
- rgb(254 183 165)
- HSL
- hsl(12 98% 82%)
- HWB
- hwb(12 65% 0%)
- OKLCH
- oklch(0.841 0.087 34.7)
- OKLab
- oklab(0.841 0.071 0.05)
- CIE Lab
- lab(80.89 24.85 19.93)
- LCH
- lch(80.89 31.86 38.7)
- CMYK
- cmyk(0% 28% 35% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFBEAE
- FFC6B7
- FFCDC0
- FFD4C9
- FFDBD2
- FFE2DB
- FFEAE4
- FFF1ED
- FFF8F6
درجات داكنة
- DD9F8F
- BD8779
- 9E7065
- 805A51
- 63453D
- 47312B
- 2D1E1A
- 160C0A
- 030201
درجات رمادية
- F1B2A1
- E4AC9E
- D8A79A
- CBA196
- BE9C93
- B2968F
- A5918B
- 998B88
- 8C8684
تناسق الألوان
متمم +180°
- FEB7A5
Nature Apricot
- 85DAEE
≈ Medium Sky Blue
متجاور -30° +30°
- FEB7A5
Nature Apricot
- FCB4C3
≈ Love Spell
- F3C08F
≈ Dusty Boots
ثلاثي +120° +240°
- FEB7A5
Nature Apricot
- 9DDCB2
≈ Birthday King
- BBC8FF
≈ Light Periwinkle
متمم منقسم +150° +210°
- FEB7A5
Nature Apricot
- 86DED2
≈ Tantalising Teal
- 9CD1FF
≈ Baby Blue
رباعي +90° +180° +270°
- FEB7A5
Nature Apricot
- BED597
≈ Spring Has Sprung
- 85DAEE
≈ Medium Sky Blue
- D8BDF9
≈ Pink Illusion
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.67:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.53:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nature-apricot: #feb7a5;
--nature-apricot-rgb: 254 183 165;
--nature-apricot-oklch: oklch(0.841 0.087 34.7);
}
.element {
color: var(--nature-apricot);
background-color: hsl(12 98% 82%);
border-color: oklch(0.841 0.087 34.7);
}Tailwind CSS v4
@theme {
--color-nature-apricot: #feb7a5;
--color-nature-apricot-50: #ffede4;
--color-nature-apricot-100: #ffdfd4;
--color-nature-apricot-200: #f7c8bb;
--color-nature-apricot-300: #e0a898;
--color-nature-apricot-400: #cc8c7c;
--color-nature-apricot-500: #b8705f;
--color-nature-apricot-600: #9c5f50;
--color-nature-apricot-700: #7d4c40;
--color-nature-apricot-800: #5d372f;
--color-nature-apricot-900: #412520;
--color-nature-apricot-950: #29140f;
}SCSS
$nature-apricot: #feb7a5;
$nature-apricot-rgb: 254, 183, 165;
$nature-apricot-light: mix(#fff, $nature-apricot, 20%);
$nature-apricot-dark: mix(#000, $nature-apricot, 20%);
.element {
color: $nature-apricot;
box-shadow: 0 0 0 2px rgba($nature-apricot, 0.35);
}