이름 색상 · #C6C191
Lime Peel
Lime Peel은(는) #C6C191: rgb(198 193 145), hsl(54 32% 67%), oklch(0.803 0.064 102.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lime Peel color name →
#C6C191
oklch(0.803 0.064 102.7)
색상 변환
- HEX
- #c6c191
- RGB
- rgb(198 193 145)
- HSL
- hsl(54 32% 67%)
- HWB
- hwb(54 57% 22%)
- OKLCH
- oklch(0.803 0.064 102.7)
- OKLab
- oklab(0.803 -0.014 0.063)
- CIE Lab
- lab(77.59 -3.81 24.94)
- LCH
- lch(77.59 25.23 98.7)
- CMYK
- cmyk(0% 3% 27% 22%)
틴트 · 셰이드 · 톤
틴트
- CCC79C
- D1CDA7
- D7D3B2
- DCDABD
- E2E0C8
- E8E6D3
- EEECDE
- F3F2E9
- F9F9F4
셰이드
- ACA77D
- 928F6A
- 7A7758
- 625F46
- 4B4935
- 353425
- 212015
- 0E0E07
- 020201
톤
- BFBA90
- B8B48E
- B0AD8D
- A9A78B
- A2A089
- 9B9A88
- 949386
- 8D8D84
- 878682
색 조화
보색 +180°
- C6C191
Lime Peel
- B8BAE8
≈ Pretty Posie
유사색 -30° +30°
- C6C191
Lime Peel
- D9B991
≈ Splash of Honey
- AFC89E
≈ Sheer Green
삼각 배색 +120° +240°
- C6C191
Lime Peel
- 91C9DD
≈ Baby Motive
- DDAFCA
≈ Pink Lavender
분열 보색 +150° +210°
- C6C191
Lime Peel
- A2C2E8
≈ Sky High
- CDB3DD
≈ Sea Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.43:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.43:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--lime-peel: #c6c191;
--lime-peel-rgb: 198 193 145;
--lime-peel-oklch: oklch(0.803 0.064 102.7);
}
.element {
color: var(--lime-peel);
background-color: hsl(54 32% 67%);
border-color: oklch(0.803 0.064 102.7);
}Tailwind CSS v4
@theme {
--color-lime-peel: #c6c191;
--color-lime-peel-50: #f8f7e2;
--color-lime-peel-100: #ebe9d1;
--color-lime-peel-200: #d8d6b7;
--color-lime-peel-300: #bcba94;
--color-lime-peel-400: #a5a074;
--color-lime-peel-500: #8e8855;
--color-lime-peel-600: #787349;
--color-lime-peel-700: #605c3a;
--color-lime-peel-800: #474329;
--color-lime-peel-900: #312e1b;
--color-lime-peel-950: #1d1b0c;
}SCSS
$lime-peel: #c6c191;
$lime-peel-rgb: 198, 193, 145;
$lime-peel-light: mix(#fff, $lime-peel, 20%);
$lime-peel-dark: mix(#000, $lime-peel, 20%);
.element {
color: $lime-peel;
box-shadow: 0 0 0 2px rgba($lime-peel, 0.35);
}