لون مسمّى · #C3B497
Palisade
Palisade هو #C3B497: rgb(195 180 151)، hsl(40 27% 68%)، oklch(0.775 0.043 83.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Palisade color name →
#C3B497
oklch(0.775 0.043 83.8)
تحويلات الألوان
- HEX
- #c3b497
- RGB
- rgb(195 180 151)
- HSL
- hsl(40 27% 68%)
- HWB
- hwb(40 59% 24%)
- OKLCH
- oklch(0.775 0.043 83.8)
- OKLab
- oklab(0.775 0.005 0.043)
- CIE Lab
- lab(74.02 2.1 16.9)
- LCH
- lch(74.02 17.03 82.9)
- CMYK
- cmyk(0% 8% 23% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C9BBA1
- CFC3AB
- D5CAB6
- DBD2C0
- E1D9CA
- E7E1D5
- EDE8DF
- F3F0EA
- F9F7F4
درجات داكنة
- A99C83
- 90856F
- 786E5C
- 605849
- 4A4437
- 343026
- 201D17
- 0E0C08
- 020201
درجات رمادية
- BCAF95
- B5A993
- AEA490
- A89F8E
- A19A8C
- 9A9589
- 948F87
- 8D8A85
- 868582
تناسق الألوان
متمم +180°
- C3B497
Palisade
- A8B6D2
≈ Minuet
متجاور -30° +30°
- C3B497
Palisade
- CDAF9C
≈ Frappé
- B5B99A
≈ Foille
ثلاثي +120° +240°
- C3B497
Palisade
- 96BEC2
≈ Squirt
- C4ADC6
≈ Heather Feather
متمم منقسم +150° +210°
- C3B497
Palisade
- 9CBBCE
≈ Partly Cloudy
- B7B1CF
≈ Petunia Trail
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.03:1 · APCA Lc 40
Ag
AAAعلى الأسود
WCAG 10.29:1 · APCA Lc 63
أفضل لون للنص: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--palisade: #c3b497;
--palisade-rgb: 195 180 151;
--palisade-oklch: oklch(0.775 0.043 83.8);
}
.element {
color: var(--palisade);
background-color: hsl(40 27% 68%);
border-color: oklch(0.775 0.043 83.8);
}Tailwind CSS v4
@theme {
--color-palisade: #c3b497;
--color-palisade-50: #fbf5e8;
--color-palisade-100: #eee7d8;
--color-palisade-200: #dcd3c0;
--color-palisade-300: #c1b69f;
--color-palisade-400: #ab9d82;
--color-palisade-500: #948466;
--color-palisade-600: #7d7056;
--color-palisade-700: #645945;
--color-palisade-800: #4a4131;
--color-palisade-900: #332d22;
--color-palisade-950: #1f1a11;
}SCSS
$palisade: #c3b497;
$palisade-rgb: 195, 180, 151;
$palisade-light: mix(#fff, $palisade, 20%);
$palisade-dark: mix(#000, $palisade, 20%);
.element {
color: $palisade;
box-shadow: 0 0 0 2px rgba($palisade, 0.35);
}