لون مسمّى · #FCD7BA
Gentle Caress
Gentle Caress هو #FCD7BA: rgb(252 215 186)، hsl(26 92% 86%)، oklch(0.903 0.057 60.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Gentle Caress color name →
#FCD7BA
oklch(0.903 0.057 60.1)
تحويلات الألوان
- HEX
- #fcd7ba
- RGB
- rgb(252 215 186)
- HSL
- hsl(26 92% 86%)
- HWB
- hwb(26 73% 1%)
- OKLCH
- oklch(0.903 0.057 60.1)
- OKLab
- oklab(0.903 0.028 0.049)
- CIE Lab
- lab(88.61 10.21 19.4)
- LCH
- lch(88.61 21.93 62.2)
- CMYK
- cmyk(0% 15% 26% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FCDBC1
- FDDFC8
- FDE3CF
- FEE7D6
- FEEBDD
- FEEFE3
- FFF3EA
- FFF7F1
- FFFBF8
درجات داكنة
- DBBBA1
- BB9F89
- 9C8572
- 7E6B5C
- 625246
- 473B32
- 2D251E
- 16110D
- 030202
درجات رمادية
- EFCEB4
- E2C5AE
- D5BCA9
- C9B3A3
- BCAB9D
- B0A297
- A49991
- 98918C
- 8C8886
تناسق الألوان
متمم +180°
- FCD7BA
Gentle Caress
- C0E4FF
≈ Fresh Water
متجاور -30° +30°
- FCD7BA
Gentle Caress
- FFD3CB
≈ Girlie
- EDDEB5
≈ Lantern
ثلاثي +120° +240°
- FCD7BA
Gentle Caress
- B7ECE0
≈ Water Leaf
- E4D7FF
≈ Transparent Blue
متمم منقسم +150° +210°
- FCD7BA
Gentle Caress
- B4EAF4
≈ First of July
- D3DEFF
≈ Arc Light
رباعي +90° +180° +270°
- FCD7BA
Gentle Caress
- C5EACC
≈ Lost Lace
- C0E4FF
≈ Fresh Water
- F6D2F1
≈ Little Smile
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.34:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.56:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.56:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--gentle-caress: #fcd7ba;
--gentle-caress-rgb: 252 215 186;
--gentle-caress-oklch: oklch(0.903 0.057 60.1);
}
.element {
color: var(--gentle-caress);
background-color: hsl(26 92% 86%);
border-color: oklch(0.903 0.057 60.1);
}Tailwind CSS v4
@theme {
--color-gentle-caress: #fcd7ba;
--color-gentle-caress-50: #fff2e5;
--color-gentle-caress-100: #f6e4d5;
--color-gentle-caress-200: #e7cfbc;
--color-gentle-caress-300: #cdb29a;
--color-gentle-caress-400: #b8977d;
--color-gentle-caress-500: #a27e60;
--color-gentle-caress-600: #896a52;
--color-gentle-caress-700: #6e5541;
--color-gentle-caress-800: #523e2f;
--color-gentle-caress-900: #392a20;
--color-gentle-caress-950: #23180f;
}SCSS
$gentle-caress: #fcd7ba;
$gentle-caress-rgb: 252, 215, 186;
$gentle-caress-light: mix(#fff, $gentle-caress, 20%);
$gentle-caress-dark: mix(#000, $gentle-caress, 20%);
.element {
color: $gentle-caress;
box-shadow: 0 0 0 2px rgba($gentle-caress, 0.35);
}