이름 색상 · #C6D624
Lime Twist
Lime Twist은(는) #C6D624: rgb(198 214 36), hsl(65 71% 49%), oklch(0.836 0.182 115.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lime Twist color name →
#C6D624
oklch(0.836 0.182 115.2)
색상 변환
- HEX
- #c6d624
- RGB
- rgb(198 214 36)
- HSL
- hsl(65 71% 49%)
- HWB
- hwb(65 14% 16%)
- OKLCH
- oklch(0.836 0.182 115.2)
- OKLab
- oklab(0.836 -0.077 0.165)
- CIE Lab
- lab(82.31 -20 75.48)
- LCH
- lch(82.31 78.08 104.8)
- CMYK
- cmyk(7% 0% 83% 16%)
틴트 · 셰이드 · 톤
틴트
- CBDB4C
- D1DF67
- D6E37E
- DCE892
- E1ECA6
- E7F0B8
- EDF4CA
- F3F8DC
- F9FBEE
셰이드
- ACBA1E
- 929E18
- 7A8412
- 626A0C
- 4B5207
- 353B04
- 212502
- 0E1000
- 020200
톤
- BFCD3C
- B7C54B
- B0BC57
- A9B460
- A2AB67
- 9BA26E
- 949A73
- 8D9178
- 86897C
색 조화
보색 +180°
- C6D624
Lime Twist
- CDBEFF
≈ Lavender Tonic
유사색 -30° +30°
- C6D624
Lime Twist
- FCBF00
≈ Marigold
- 72E77B
≈ Grotesque Green
삼각 배색 +120° +240°
- C6D624
Lime Twist
- 89D4FF
≈ Kul Sharif Blue
- FFADCC
≈ Heartfelt
분열 보색 +150° +210°
- C6D624
Lime Twist
- B0C9FF
≈ Night Snow
- FBA5FF
≈ Jigglypuff
사각 배색 +90° +180° +270°
- C6D624
Lime Twist
- 00E3F5
≈ Cold Heights
- CDBEFF
≈ Lavender Tonic
- FFB3AB
≈ Peach Bud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.04:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--lime-twist: #c6d624;
--lime-twist-rgb: 198 214 36;
--lime-twist-oklch: oklch(0.836 0.182 115.2);
}
.element {
color: var(--lime-twist);
background-color: hsl(65 71% 49%);
border-color: oklch(0.836 0.182 115.2);
}Tailwind CSS v4
@theme {
--color-lime-twist: #c6d624;
--color-lime-twist-50: #f1fdc2;
--color-lime-twist-100: #e3f1ab;
--color-lime-twist-200: #cedf82;
--color-lime-twist-300: #b1c34b;
--color-lime-twist-400: #9ca900;
--color-lime-twist-500: #849100;
--color-lime-twist-600: #707b00;
--color-lime-twist-700: #596200;
--color-lime-twist-800: #444700;
--color-lime-twist-900: #2f3100;
--color-lime-twist-950: #1c1d00;
}SCSS
$lime-twist: #c6d624;
$lime-twist-rgb: 198, 214, 36;
$lime-twist-light: mix(#fff, $lime-twist, 20%);
$lime-twist-dark: mix(#000, $lime-twist, 20%);
.element {
color: $lime-twist;
box-shadow: 0 0 0 2px rgba($lime-twist, 0.35);
}