لون مسمّى · #D1CEB4
Bright Sage
Bright Sage هو #D1CEB4: rgb(209 206 180)، hsl(54 24% 76%)، oklch(0.847 0.035 101.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Bright Sage color name →
#D1CEB4
oklch(0.847 0.035 101.7)
تحويلات الألوان
- HEX
- #d1ceb4
- RGB
- rgb(209 206 180)
- HSL
- hsl(54 24% 76%)
- HWB
- hwb(54 71% 18%)
- OKLCH
- oklch(0.847 0.035 101.7)
- OKLab
- oklab(0.847 -0.007 0.034)
- CIE Lab
- lab(82.49 -2.19 13.38)
- LCH
- lch(82.49 13.56 99.3)
- CMYK
- cmyk(0% 1% 14% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6D3BB
- DAD8C3
- DFDDCA
- E3E1D2
- E8E6D9
- ECEBE1
- F1F0E8
- F6F5F0
- FAFAF7
درجات داكنة
- B5B39C
- 9B9885
- 817F6E
- 686658
- 504E44
- 393830
- 23231D
- 100F0C
- 020202
درجات رمادية
- C9C6AF
- C0BEA9
- B8B6A4
- B0AE9F
- A8A69A
- 9F9E95
- 98978F
- 908F8A
- 888885
تناسق الألوان
متمم +180°
- D1CEB4
Bright Sage
- C8CBE4
≈ Ace
متجاور -30° +30°
- D1CEB4
Bright Sage
- DCCAB4
≈ Warm Shell
- C4D2BA
≈ Sweet Surrender
ثلاثي +120° +240°
- D1CEB4
Bright Sage
- B5D3DD
≈ Pale Whale
- DEC4D3
≈ Elusive Mauve
متمم منقسم +150° +210°
- D1CEB4
Bright Sage
- BDCFE4
≈ Bewitching Blue
- D4C7DE
≈ On Location
رباعي +90° +180° +270°
- D1CEB4
Bright Sage
- B3D5D2
≈ Dante Peak
- C8CBE4
≈ Ace
- E3C4C7
≈ Pink Pandora
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.59:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.19:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bright-sage: #d1ceb4;
--bright-sage-rgb: 209 206 180;
--bright-sage-oklch: oklch(0.847 0.035 101.7);
}
.element {
color: var(--bright-sage);
background-color: hsl(54 24% 76%);
border-color: oklch(0.847 0.035 101.7);
}Tailwind CSS v4
@theme {
--color-bright-sage: #d1ceb4;
--color-bright-sage-50: #f7f6ea;
--color-bright-sage-100: #eae9db;
--color-bright-sage-200: #d6d5c4;
--color-bright-sage-300: #bab9a4;
--color-bright-sage-400: #a2a088;
--color-bright-sage-500: #8b876d;
--color-bright-sage-600: #75735c;
--color-bright-sage-700: #5e5c49;
--color-bright-sage-800: #454335;
--color-bright-sage-900: #302e24;
--color-bright-sage-950: #1c1b13;
}SCSS
$bright-sage: #d1ceb4;
$bright-sage-rgb: 209, 206, 180;
$bright-sage-light: mix(#fff, $bright-sage, 20%);
$bright-sage-dark: mix(#000, $bright-sage, 20%);
.element {
color: $bright-sage;
box-shadow: 0 0 0 2px rgba($bright-sage, 0.35);
}