لون مسمّى · #C8CC9E
Dancing Kite
Dancing Kite هو #C8CC9E: rgb(200 204 158)، hsl(65 31% 71%)، oklch(0.83 0.062 111.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Dancing Kite color name →
#C8CC9E
oklch(0.83 0.062 111.8)
تحويلات الألوان
- HEX
- #c8cc9e
- RGB
- rgb(200 204 158)
- HSL
- hsl(65 31% 71%)
- HWB
- hwb(65 62% 20%)
- OKLCH
- oklch(0.83 0.062 111.8)
- OKLab
- oklab(0.83 -0.023 0.057)
- CIE Lab
- lab(80.86 -7.05 22.55)
- LCH
- lch(80.86 23.63 107.4)
- CMYK
- cmyk(2% 0% 23% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDD1A8
- D3D6B1
- D8DBBB
- DEE0C5
- E3E5CE
- E9EBD8
- EEF0E2
- F4F5EB
- F9FAF5
درجات داكنة
- AEB189
- 949774
- 7B7E60
- 63654D
- 4C4E3A
- 363729
- 212218
- 0F0F09
- 020201
درجات رمادية
- C1C49B
- B9BC98
- B2B595
- AAAD93
- A3A590
- 9C9E8D
- 959689
- 8E8F86
- 878783
تناسق الألوان
متمم +180°
- C8CC9E
Dancing Kite
- C7C1ED
≈ Violet Gems
متجاور -30° +30°
- C8CC9E
Dancing Kite
- DCC49A
≈ True Blonde
- B2D2AD
≈ Flower Stem
ثلاثي +120° +240°
- C8CC9E
Dancing Kite
- 9FCFE9
≈ Mediterranean Charm
- E8B8CC
≈ Sweet Lilac
متمم منقسم +150° +210°
- C8CC9E
Dancing Kite
- B2C8F0
≈ Tropical Blue
- DBBBE0
≈ Romantic Morning
رباعي +90° +180° +270°
- C8CC9E
Dancing Kite
- 98D4D8
≈ Dulcet
- C7C1ED
≈ Violet Gems
- EDB8B6
≈ Summer Cocktails
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.66:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.58:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.58:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dancing-kite: #c8cc9e;
--dancing-kite-rgb: 200 204 158;
--dancing-kite-oklch: oklch(0.83 0.062 111.8);
}
.element {
color: var(--dancing-kite);
background-color: hsl(65 31% 71%);
border-color: oklch(0.83 0.062 111.8);
}Tailwind CSS v4
@theme {
--color-dancing-kite: #c8cc9e;
--color-dancing-kite-50: #f5f7e4;
--color-dancing-kite-100: #e7ebd3;
--color-dancing-kite-200: #d3d8ba;
--color-dancing-kite-300: #b7bb98;
--color-dancing-kite-400: #9fa278;
--color-dancing-kite-500: #878b5a;
--color-dancing-kite-600: #72754d;
--color-dancing-kite-700: #5b5e3d;
--color-dancing-kite-800: #44442b;
--color-dancing-kite-900: #2f2f1d;
--color-dancing-kite-950: #1b1c0d;
}SCSS
$dancing-kite: #c8cc9e;
$dancing-kite-rgb: 200, 204, 158;
$dancing-kite-light: mix(#fff, $dancing-kite, 20%);
$dancing-kite-dark: mix(#000, $dancing-kite, 20%);
.element {
color: $dancing-kite;
box-shadow: 0 0 0 2px rgba($dancing-kite, 0.35);
}