이름 색상 · #C6CD7D
Lime Sorbet Green
Lime Sorbet Green은(는) #C6CD7D: rgb(198 205 125), hsl(65 44% 65%), oklch(0.825 0.103 112.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lime Sorbet Green color name →
#C6CD7D
oklch(0.825 0.103 112.7)
색상 변환
- HEX
- #c6cd7d
- RGB
- rgb(198 205 125)
- HSL
- hsl(65 44% 65%)
- HWB
- hwb(65 49% 20%)
- OKLCH
- oklch(0.825 0.103 112.7)
- OKLab
- oklab(0.825 -0.04 0.095)
- CIE Lab
- lab(80.5 -11.41 38.92)
- LCH
- lch(80.5 40.56 106.3)
- CMYK
- cmyk(3% 0% 39% 20%)
틴트 · 셰이드 · 톤
틴트
- CBD28B
- D1D798
- D7DCA5
- DCE1B2
- E2E6BF
- E8EBCC
- EDF0D9
- F3F5E6
- F9FAF2
셰이드
- ACB26C
- 92985B
- 7A7E4B
- 62663B
- 4B4E2C
- 35381E
- 212311
- 0E0F05
- 020201
톤
- BFC57E
- B7BD7F
- B0B680
- A9AE81
- A2A681
- 9B9E81
- 949781
- 8D8F81
- 878881
색 조화
보색 +180°
- C6CD7D
Lime Sorbet Green
- C7BAFF
≈ Lavender Tonic
유사색 -30° +30°
- C6CD7D
Lime Sorbet Green
- E6C075
≈ Celebration
- 9ED79A
≈ Green Trance
삼각 배색 +120° +240°
- C6CD7D
Lime Sorbet Green
- 7DD1FE
≈ Drift on the Sea
- FAAACC
≈ Majin Bū Pink
분열 보색 +150° +210°
- C6CD7D
Lime Sorbet Green
- A8C6FF
≈ Night Snow
- E6AFED
≈ Candy Dreams
사각 배색 +90° +180° +270°
- C6CD7D
Lime Sorbet Green
- 69DAE3
≈ Aquamarine Blue
- C7BAFF
≈ Lavender Tonic
- FFADA8
≈ Patient Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.68:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.42:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--lime-sorbet-green: #c6cd7d;
--lime-sorbet-green-rgb: 198 205 125;
--lime-sorbet-green-oklch: oklch(0.825 0.103 112.7);
}
.element {
color: var(--lime-sorbet-green);
background-color: hsl(65 44% 65%);
border-color: oklch(0.825 0.103 112.7);
}Tailwind CSS v4
@theme {
--color-lime-sorbet-green: #c6cd7d;
--color-lime-sorbet-green-50: #f4f9d8;
--color-lime-sorbet-green-100: #e6edc6;
--color-lime-sorbet-green-200: #d2daa8;
--color-lime-sorbet-green-300: #b6be80;
--color-lime-sorbet-green-400: #9fa55b;
--color-lime-sorbet-green-500: #878d32;
--color-lime-sorbet-green-600: #72772c;
--color-lime-sorbet-green-700: #5b5f23;
--color-lime-sorbet-green-800: #444516;
--color-lime-sorbet-green-900: #2f300e;
--color-lime-sorbet-green-950: #1c1c02;
}SCSS
$lime-sorbet-green: #c6cd7d;
$lime-sorbet-green-rgb: 198, 205, 125;
$lime-sorbet-green-light: mix(#fff, $lime-sorbet-green, 20%);
$lime-sorbet-green-dark: mix(#000, $lime-sorbet-green, 20%);
.element {
color: $lime-sorbet-green;
box-shadow: 0 0 0 2px rgba($lime-sorbet-green, 0.35);
}