가장 가까운 이름 색상 · #C5C080
#C5C080
가장 가까운 이름 색상: Kiss a Frog
#C5C080(rgb(197 192 128), hsl(56 37% 64%), oklch(0.797 0.084 104.3))와 가장 가까운 이름 색상은 Kiss a Frog입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C5C080
oklch(0.797 0.084 104.3)
색상 변환
- HEX
- #c5c080
- RGB
- rgb(197 192 128)
- HSL
- hsl(56 37% 64%)
- HWB
- hwb(56 50% 23%)
- OKLCH
- oklch(0.797 0.084 104.3)
- OKLab
- oklab(0.797 -0.021 0.081)
- CIE Lab
- lab(76.99 -5.29 32.97)
- LCH
- lch(76.99 33.39 99.1)
- CMYK
- cmyk(0% 3% 35% 23%)
틴트 · 셰이드 · 톤
틴트
- CBC68D
- D0CD9A
- D6D3A7
- DCD9B3
- E1DFC0
- E7E6CC
- EDECD9
- F3F2E6
- F9F9F2
셰이드
- ABA76E
- 928E5D
- 79764D
- 615F3D
- 4B492E
- 35341F
- 212012
- 0E0E06
- 020201
톤
- BEB981
- B7B381
- B0AD82
- A9A682
- A2A082
- 9B9982
- 949381
- 8D8D81
- 878681
색 조화
보색 +180°
- C5C080
Kiss a Frog
- B6B6F1
≈ Purple Illusion
유사색 -30° +30°
- C5C080
Kiss a Frog
- DDB57F
≈ Cellini Gold
- A6C992
≈ Arcadian Green
삼각 배색 +120° +240°
- C5C080
Kiss a Frog
- 7FC9E5
≈ Budgie Blue
- E4A7CA
≈ Pink Bliss
분열 보색 +150° +210°
- C5C080
Kiss a Frog
- 98C0F2
≈ Sail to the Sea
- D1ADE3
≈ Whisper of Plum
사각 배색 +90° +180° +270°
- C5C080
Kiss a Frog
- 78CECD
≈ Soft Turquoise
- B6B6F1
≈ Purple Illusion
- EEA7AC
≈ Hibiscus Petal
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.22:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--kiss-a-frog: #c5c080;
--kiss-a-frog-rgb: 197 192 128;
--kiss-a-frog-oklch: oklch(0.797 0.084 104.3);
}
.element {
color: var(--kiss-a-frog);
background-color: hsl(56 37% 64%);
border-color: oklch(0.797 0.084 104.3);
}Tailwind CSS v4
@theme {
--color-kiss-a-frog: #c5c080;
--color-kiss-a-frog-50: #f8f7dc;
--color-kiss-a-frog-100: #ebeaca;
--color-kiss-a-frog-200: #d8d7ae;
--color-kiss-a-frog-300: #bcbb89;
--color-kiss-a-frog-400: #a6a166;
--color-kiss-a-frog-500: #8f8943;
--color-kiss-a-frog-600: #79743a;
--color-kiss-a-frog-700: #615d2e;
--color-kiss-a-frog-800: #48431f;
--color-kiss-a-frog-900: #322f14;
--color-kiss-a-frog-950: #1e1b06;
}SCSS
$kiss-a-frog: #c5c080;
$kiss-a-frog-rgb: 197, 192, 128;
$kiss-a-frog-light: mix(#fff, $kiss-a-frog, 20%);
$kiss-a-frog-dark: mix(#000, $kiss-a-frog, 20%);
.element {
color: $kiss-a-frog;
box-shadow: 0 0 0 2px rgba($kiss-a-frog, 0.35);
}