لون مسمّى · #F8D5B8
Tender Peach
Tender Peach هو #F8D5B8: rgb(248 213 184)، hsl(27 82% 85%)، oklch(0.895 0.055 61.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Tender Peach color name →
#F8D5B8
oklch(0.895 0.055 61.7)
تحويلات الألوان
- HEX
- #f8d5b8
- RGB
- rgb(248 213 184)
- HSL
- hsl(27 82% 85%)
- HWB
- hwb(27 72% 3%)
- OKLCH
- oklch(0.895 0.055 61.7)
- OKLab
- oklab(0.895 0.026 0.048)
- CIE Lab
- lab(87.72 9.48 19.15)
- LCH
- lch(87.72 21.37 63.7)
- CMYK
- cmyk(0% 14% 26% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F9D9BF
- FADDC6
- FAE2CD
- FBE6D4
- FCEADB
- FDEEE3
- FDF2EA
- FEF7F1
- FEFBF8
درجات داكنة
- D8B9A0
- B89E88
- 9A8371
- 7C6A5B
- 605145
- 453A31
- 2C241E
- 15100C
- 030202
درجات رمادية
- EBCCB2
- DFC3AD
- D3BBA7
- C7B2A2
- BAAA9C
- AFA196
- A39991
- 97908B
- 8B8886
تناسق الألوان
متمم +180°
- F8D5B8
Tender Peach
- BDE2FE
≈ Dithered Sky
متجاور -30° +30°
- F8D5B8
Tender Peach
- FFD0C6
≈ Snow Pa
- EADCB4
≈ Jodhpurs
ثلاثي +120° +240°
- F8D5B8
Tender Peach
- B5E9DF
≈ Gentle Giant
- E3D5FC
≈ Japan Blush
متمم منقسم +150° +210°
- F8D5B8
Tender Peach
- B3E7F2
≈ Winter Escape
- D0DBFF
≈ Icy Plains
رباعي +90° +180° +270°
- F8D5B8
Tender Peach
- C3E8CB
≈ Granny Apple
- BDE2FE
≈ Dithered Sky
- F3D0ED
≈ Sparkling Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.38:1 · APCA Lc 19
Ag
AAAعلى الأسود
WCAG 15.20:1 · APCA Lc 85
أفضل لون للنص: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tender-peach: #f8d5b8;
--tender-peach-rgb: 248 213 184;
--tender-peach-oklch: oklch(0.895 0.055 61.7);
}
.element {
color: var(--tender-peach);
background-color: hsl(27 82% 85%);
border-color: oklch(0.895 0.055 61.7);
}Tailwind CSS v4
@theme {
--color-tender-peach: #f8d5b8;
--color-tender-peach-50: #fff2e5;
--color-tender-peach-100: #f6e4d5;
--color-tender-peach-200: #e6d0bd;
--color-tender-peach-300: #ccb29b;
--color-tender-peach-400: #b7987e;
--color-tender-peach-500: #a17e61;
--color-tender-peach-600: #886b52;
--color-tender-peach-700: #6d5541;
--color-tender-peach-800: #513e2f;
--color-tender-peach-900: #382b20;
--color-tender-peach-950: #23180f;
}SCSS
$tender-peach: #f8d5b8;
$tender-peach-rgb: 248, 213, 184;
$tender-peach-light: mix(#fff, $tender-peach, 20%);
$tender-peach-dark: mix(#000, $tender-peach, 20%);
.element {
color: $tender-peach;
box-shadow: 0 0 0 2px rgba($tender-peach, 0.35);
}