لون مسمّى · #DFC89D
So Close
So Close هو #DFC89D: rgb(223 200 157)، hsl(39 51% 75%)، oklch(0.841 0.062 83). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · So Close color name →
#DFC89D
oklch(0.841 0.062 83)
تحويلات الألوان
- HEX
- #dfc89d
- RGB
- rgb(223 200 157)
- HSL
- hsl(39 51% 75%)
- HWB
- hwb(39 62% 13%)
- OKLCH
- oklch(0.841 0.062 83)
- OKLab
- oklab(0.841 0.008 0.062)
- CIE Lab
- lab(81.77 3.66 24.7)
- LCH
- lch(81.77 24.97 81.6)
- CMYK
- cmyk(0% 10% 30% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2CDA7
- E5D3B1
- E9D8BA
- ECDEC4
- EFE3CE
- F2E9D8
- F5EEE2
- F9F4EB
- FCF9F5
درجات داكنة
- C2AE88
- A59473
- 8A7B5F
- 6F634C
- 564C3A
- 3D3628
- 272118
- 120F09
- 020201
درجات رمادية
- D5C19A
- CBB998
- C2B295
- B8AB92
- AEA38F
- A59C8C
- 9C9589
- 928E86
- 898783
تناسق الألوان
متمم +180°
- DFC89D
So Close
- B6CCF5
≈ Ice Cold Stare
متجاور -30° +30°
- DFC89D
So Close
- EDC1A6
≈ Alesan
- CBD0A1
≈ True to You
ثلاثي +120° +240°
- DFC89D
So Close
- 9BD8DD
≈ Lake Reflection
- DFBEE3
≈ Romantic Ballad
متمم منقسم +150° +210°
- DFC89D
So Close
- A3D3EE
≈ Light Shimmer
- CCC4F1
≈ Soap
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.62:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.88:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--so-close: #dfc89d;
--so-close-rgb: 223 200 157;
--so-close-oklch: oklch(0.841 0.062 83);
}
.element {
color: var(--so-close);
background-color: hsl(39 51% 75%);
border-color: oklch(0.841 0.062 83);
}Tailwind CSS v4
@theme {
--color-so-close: #dfc89d;
--color-so-close-50: #fdf4e1;
--color-so-close-100: #f2e7d1;
--color-so-close-200: #e1d3b7;
--color-so-close-300: #c6b693;
--color-so-close-400: #b19c74;
--color-so-close-500: #9a8355;
--color-so-close-600: #836f49;
--color-so-close-700: #69583a;
--color-so-close-800: #4e4029;
--color-so-close-900: #362c1b;
--color-so-close-950: #21190c;
}SCSS
$so-close: #dfc89d;
$so-close-rgb: 223, 200, 157;
$so-close-light: mix(#fff, $so-close, 20%);
$so-close-dark: mix(#000, $so-close, 20%);
.element {
color: $so-close;
box-shadow: 0 0 0 2px rgba($so-close, 0.35);
}