لون مسمّى · #C9D179
Greenish Beige
Greenish Beige هو #C9D179: rgb(201 209 121)، hsl(65 49% 65%)، oklch(0.835 0.112 113.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Greenish Beige color name →
#C9D179
oklch(0.835 0.112 113.1)
تحويلات الألوان
- HEX
- #c9d179
- RGB
- rgb(201 209 121)
- HSL
- hsl(65 49% 65%)
- HWB
- hwb(65 47% 18%)
- OKLCH
- oklch(0.835 0.112 113.1)
- OKLab
- oklab(0.835 -0.044 0.103)
- CIE Lab
- lab(81.76 -12.44 42.51)
- LCH
- lch(81.76 44.29 106.3)
- CMYK
- cmyk(4% 0% 42% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CED688
- D3DA96
- D9DFA3
- DEE4B1
- E3E8BE
- E9EDCB
- EEF2D8
- F4F6E5
- F9FBF2
درجات داكنة
- AEB568
- 959B58
- 7C8148
- 646839
- 4C502B
- 36391D
- 222310
- 0F1005
- 020201
درجات رمادية
- C1C97B
- BAC07D
- B2B87E
- ABB07F
- A3A880
- 9CA080
- 959880
- 8E9081
- 878880
تناسق الألوان
متمم +180°
- C9D179
Greenish Beige
- CBBEFF
≈ Lavender Tonic
متجاور -30° +30°
- C9D179
Greenish Beige
- ECC270
≈ Vietnamese Lantern
- 9DDC99
≈ Retro
ثلاثي +120° +240°
- C9D179
Greenish Beige
- 85D4FF
≈ Kul Sharif Blue
- FFACCF
≈ Majin Bū Pink
متمم منقسم +150° +210°
- C9D179
Greenish Beige
- ADC9FF
≈ Night Snow
- EDB0F3
≈ Candy Dreams
رباعي +90° +180° +270°
- C9D179
Greenish Beige
- 60DEE9
≈ Turquoise Sea
- CBBEFF
≈ Lavender Tonic
- FFB2AD
≈ Peach Bud
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.63:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.87:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--greenish-beige: #c9d179;
--greenish-beige-rgb: 201 209 121;
--greenish-beige-oklch: oklch(0.835 0.112 113.1);
}
.element {
color: var(--greenish-beige);
background-color: hsl(65 49% 65%);
border-color: oklch(0.835 0.112 113.1);
}Tailwind CSS v4
@theme {
--color-greenish-beige: #c9d179;
--color-greenish-beige-50: #f3fad5;
--color-greenish-beige-100: #e6edc3;
--color-greenish-beige-200: #d2dba4;
--color-greenish-beige-300: #b5bf7b;
--color-greenish-beige-400: #9fa553;
--color-greenish-beige-500: #878d26;
--color-greenish-beige-600: #727823;
--color-greenish-beige-700: #5b601c;
--color-greenish-beige-800: #444610;
--color-greenish-beige-900: #2f300a;
--color-greenish-beige-950: #1c1c00;
}SCSS
$greenish-beige: #c9d179;
$greenish-beige-rgb: 201, 209, 121;
$greenish-beige-light: mix(#fff, $greenish-beige, 20%);
$greenish-beige-dark: mix(#000, $greenish-beige, 20%);
.element {
color: $greenish-beige;
box-shadow: 0 0 0 2px rgba($greenish-beige, 0.35);
}