لون مسمّى · #DECE9E
Lunar Lander
Lunar Lander هو #DECE9E: rgb(222 206 158)، hsl(45 49% 75%)، oklch(0.853 0.066 91.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Lunar Lander color name →
#DECE9E
oklch(0.853 0.066 91.8)
تحويلات الألوان
- HEX
- #dece9e
- RGB
- rgb(222 206 158)
- HSL
- hsl(45 49% 75%)
- HWB
- hwb(45 62% 13%)
- OKLCH
- oklch(0.853 0.066 91.8)
- OKLab
- oklab(0.853 -0.002 0.065)
- CIE Lab
- lab(83.22 0.42 26.09)
- LCH
- lch(83.22 26.09 89.1)
- CMYK
- cmyk(0% 7% 29% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1D3A8
- E5D8B2
- E8DDBB
- EBE2C5
- EEE7CF
- F2EBD8
- F5F0E2
- F8F5EC
- FCFAF5
درجات داكنة
- C1B389
- A59874
- 897F60
- 6F664D
- 554E3A
- 3D3829
- 262318
- 120F09
- 020201
درجات رمادية
- D4C69B
- CABE98
- C1B696
- B7AE93
- AEA690
- A49F8D
- 9B978A
- 928F86
- 898883
تناسق الألوان
متمم +180°
- DECE9E
Lunar Lander
- BFCDFB
≈ Lavender Blue
متجاور -30° +30°
- DECE9E
Lunar Lander
- EFC6A3
≈ Turnip Boy
- C7D6A7
≈ Jade Bracelet
ثلاثي +120° +240°
- DECE9E
Lunar Lander
- 9CDBE8
≈ Cool Water Lake
- E9C0E2
≈ Prom Corsage
متمم منقسم +150° +210°
- DECE9E
Lunar Lander
- A9D5F6
≈ Juzcar Blue
- D6C5F3
≈ Soap
رباعي +90° +180° +270°
- DECE9E
Lunar Lander
- 9FDDD2
≈ Vidalia
- BFCDFB
≈ Lavender Blue
- F4BDCB
≈ Christy’s Smile
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.56:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.42:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lunar-lander: #dece9e;
--lunar-lander-rgb: 222 206 158;
--lunar-lander-oklch: oklch(0.853 0.066 91.8);
}
.element {
color: var(--lunar-lander);
background-color: hsl(45 49% 75%);
border-color: oklch(0.853 0.066 91.8);
}Tailwind CSS v4
@theme {
--color-lunar-lander: #dece9e;
--color-lunar-lander-50: #fbf5e1;
--color-lunar-lander-100: #efe8d0;
--color-lunar-lander-200: #ddd4b5;
--color-lunar-lander-300: #c2b792;
--color-lunar-lander-400: #ac9e72;
--color-lunar-lander-500: #968552;
--color-lunar-lander-600: #7f7146;
--color-lunar-lander-700: #655a38;
--color-lunar-lander-800: #4b4127;
--color-lunar-lander-900: #342d1a;
--color-lunar-lander-950: #201a0b;
}SCSS
$lunar-lander: #dece9e;
$lunar-lander-rgb: 222, 206, 158;
$lunar-lander-light: mix(#fff, $lunar-lander, 20%);
$lunar-lander-dark: mix(#000, $lunar-lander, 20%);
.element {
color: $lunar-lander;
box-shadow: 0 0 0 2px rgba($lunar-lander, 0.35);
}