لون مسمّى · #E4D89A
Subtle Sunshine
Subtle Sunshine هو #E4D89A: rgb(228 216 154)، hsl(50 58% 75%)، oklch(0.877 0.081 98.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Subtle Sunshine color name →
#E4D89A
oklch(0.877 0.081 98.5)
تحويلات الألوان
- HEX
- #e4d89a
- RGB
- rgb(228 216 154)
- HSL
- hsl(50 58% 75%)
- HWB
- hwb(50 60% 11%)
- OKLCH
- oklch(0.877 0.081 98.5)
- OKLab
- oklab(0.877 -0.012 0.08)
- CIE Lab
- lab(86.23 -2.47 32.22)
- LCH
- lch(86.23 32.31 94.4)
- CMYK
- cmyk(0% 5% 32% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E7DCA4
- E9E0AF
- ECE4B9
- EFE8C3
- F1ECCD
- F4F0D7
- F7F3E1
- F9F7EB
- FCFBF5
درجات داكنة
- C6BC85
- A9A071
- 8D855E
- 726B4B
- 585339
- 3F3B27
- 282517
- 121109
- 030201
درجات رمادية
- DACF98
- CFC696
- C5BD93
- BBB491
- B1AB8E
- A7A28C
- 9D9A89
- 939186
- 898983
تناسق الألوان
متمم +180°
- E4D89A
Subtle Sunshine
- CDD3FF
≈ Pale Phthalo Blue
متجاور -30° +30°
- E4D89A
Subtle Sunshine
- FACD9D
≈ Apricot Sherbet
- C7E2A9
≈ Viridine Green
ثلاثي +120° +240°
- E4D89A
Subtle Sunshine
- 98E4FB
≈ Winter Wizard
- FBC3E9
≈ Pretty in Pink
متمم منقسم +150° +210°
- E4D89A
Subtle Sunshine
- B7DBFF
≈ Broad Daylight
- E5C9FF
≈ Wisteria Powder
رباعي +90° +180° +270°
- E4D89A
Subtle Sunshine
- 96E8E1
≈ Sea Glass Teal
- CDD3FF
≈ Pale Phthalo Blue
- FFC5CE
≈ Rubber Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.43:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.58:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--subtle-sunshine: #e4d89a;
--subtle-sunshine-rgb: 228 216 154;
--subtle-sunshine-oklch: oklch(0.877 0.081 98.5);
}
.element {
color: var(--subtle-sunshine);
background-color: hsl(50 58% 75%);
border-color: oklch(0.877 0.081 98.5);
}Tailwind CSS v4
@theme {
--color-subtle-sunshine: #e4d89a;
--color-subtle-sunshine-50: #faf6dc;
--color-subtle-sunshine-100: #ede9cb;
--color-subtle-sunshine-200: #dcd6ae;
--color-subtle-sunshine-300: #c0b989;
--color-subtle-sunshine-400: #aa9f67;
--color-subtle-sunshine-500: #948744;
--color-subtle-sunshine-600: #7d723b;
--color-subtle-sunshine-700: #645b2e;
--color-subtle-sunshine-800: #4a4220;
--color-subtle-sunshine-900: #342e15;
--color-subtle-sunshine-950: #1f1b07;
}SCSS
$subtle-sunshine: #e4d89a;
$subtle-sunshine-rgb: 228, 216, 154;
$subtle-sunshine-light: mix(#fff, $subtle-sunshine, 20%);
$subtle-sunshine-dark: mix(#000, $subtle-sunshine, 20%);
.element {
color: $subtle-sunshine;
box-shadow: 0 0 0 2px rgba($subtle-sunshine, 0.35);
}