لون مسمّى · #A4A783
Rejuvenation
Rejuvenation هو #A4A783: rgb(164 167 131)، hsl(65 17% 58%)، oklch(0.716 0.05 111.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Rejuvenation color name →
#A4A783
oklch(0.716 0.05 111.5)
تحويلات الألوان
- HEX
- #a4a783
- RGB
- rgb(164 167 131)
- HSL
- hsl(65 17% 58%)
- HWB
- hwb(65 51% 35%)
- OKLCH
- oklch(0.716 0.05 111.5)
- OKLab
- oklab(0.716 -0.018 0.047)
- CIE Lab
- lab(67.53 -5.71 18.33)
- LCH
- lch(67.53 19.2 107.3)
- CMYK
- cmyk(2% 0% 22% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ADB08F
- B6B89B
- BEC1A7
- C7CAB3
- D0D2C0
- DADBCC
- E3E4D9
- ECEDE5
- F6F6F2
درجات داكنة
- 8E9171
- 797B60
- 64664F
- 50523F
- 3D3E2F
- 2B2C20
- 1A1A12
- 0A0A06
- 010101
درجات رمادية
- A0A383
- 9D9F83
- 999B83
- 959782
- 929382
- 8E8F82
- 8B8C81
- 878881
- 838480
تناسق الألوان
متمم +180°
- A4A783
Rejuvenation
- A39EC1
≈ Opulent Violet
متجاور -30° +30°
- A4A783
Rejuvenation
- B4A180
≈ Montecito
- 92AC8F
≈ Natural Harmony
ثلاثي +120° +240°
- A4A783
Rejuvenation
- 84AABE
≈ Coventry Blue
- BD97A7
≈ Violet Fantasy
متمم منقسم +150° +210°
- A4A783
Rejuvenation
- 92A4C4
≈ Wild Clary
- B39AB7
≈ Grape Smoke
رباعي +90° +180° +270°
- A4A783
Rejuvenation
- 7EADB1
≈ Venice Escape
- A39EC1
≈ Opulent Violet
- C19896
≈ Mutabilis
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.49:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.43:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rejuvenation: #a4a783;
--rejuvenation-rgb: 164 167 131;
--rejuvenation-oklch: oklch(0.716 0.05 111.5);
}
.element {
color: var(--rejuvenation);
background-color: hsl(65 17% 58%);
border-color: oklch(0.716 0.05 111.5);
}Tailwind CSS v4
@theme {
--color-rejuvenation: #a4a783;
--color-rejuvenation-50: #f5f7e7;
--color-rejuvenation-100: #e7ead7;
--color-rejuvenation-200: #d4d7bf;
--color-rejuvenation-300: #b7bb9e;
--color-rejuvenation-400: #9fa280;
--color-rejuvenation-500: #878a63;
--color-rejuvenation-600: #727554;
--color-rejuvenation-700: #5b5d43;
--color-rejuvenation-800: #434430;
--color-rejuvenation-900: #2e2f20;
--color-rejuvenation-950: #1b1b10;
}SCSS
$rejuvenation: #a4a783;
$rejuvenation-rgb: 164, 167, 131;
$rejuvenation-light: mix(#fff, $rejuvenation, 20%);
$rejuvenation-dark: mix(#000, $rejuvenation, 20%);
.element {
color: $rejuvenation;
box-shadow: 0 0 0 2px rgba($rejuvenation, 0.35);
}