이름 색상 · #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);
}