이름 색상 · #C2FF89
Light Yellowish Green
Light Yellowish Green은(는) #C2FF89: rgb(194 255 137), hsl(91 100% 77%), oklch(0.933 0.161 131.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Light Yellowish Green color name →
#C2FF89
oklch(0.933 0.161 131.3)
색상 변환
- HEX
- #c2ff89
- RGB
- rgb(194 255 137)
- HSL
- hsl(91 100% 77%)
- HWB
- hwb(91 54% 0%)
- OKLCH
- oklch(0.933 0.161 131.3)
- OKLab
- oklab(0.933 -0.106 0.121)
- CIE Lab
- lab(93.97 -34.23 49.57)
- LCH
- lch(93.97 60.24 124.6)
- CMYK
- cmyk(24% 0% 46% 0%)
틴트 · 셰이드 · 톤
틴트
- C8FF97
- CEFFA4
- D5FFB0
- DBFFBC
- E1FFC8
- E7FFD3
- EDFFDE
- F3FFE9
- F9FFF4
셰이드
- A8DE76
- 8FBE64
- 779E53
- 608042
- 496331
- 344822
- 202E14
- 0E1607
- 020301
톤
- BBF28A
- B5E58A
- AED88A
- A8CB89
- A1BE89
- 9AB287
- 94A586
- 8D9984
- 878C82
색 조화
보색 +180°
- C2FF89
Light Yellowish Green
- F3E1FF
≈ Lavender Savour
유사색 -30° +30°
- C2FF89
Light Yellowish Green
- FFEC64
≈ Caduceus Gold
- A9FFD3
≈ Mintastic
삼각 배색 +120° +240°
- C2FF89
Light Yellowish Green
- D9EBFF
≈ Cloudless
- FFE0E3
≈ Pink Pleasure
분열 보색 +150° +210°
- C2FF89
Light Yellowish Green
- E5E7FF
≈ Cyber Lavender
- FFDEF2
≈ So This Is Love
사각 배색 +90° +180° +270°
- C2FF89
Light Yellowish Green
- C8F1FF
≈ Heaven’s Gate
- F3E1FF
≈ Lavender Savour
- FFE2D7
≈ Tranquil Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.16:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.95:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--light-yellowish-green: #c2ff89;
--light-yellowish-green-rgb: 194 255 137;
--light-yellowish-green-oklch: oklch(0.933 0.161 131.3);
}
.element {
color: var(--light-yellowish-green);
background-color: hsl(91 100% 77%);
border-color: oklch(0.933 0.161 131.3);
}Tailwind CSS v4
@theme {
--color-light-yellowish-green: #c2ff89;
--color-light-yellowish-green-50: #e3ffd1;
--color-light-yellowish-green-100: #d3f4bd;
--color-light-yellowish-green-200: #b9e49c;
--color-light-yellowish-green-300: #96c972;
--color-light-yellowish-green-400: #7bb142;
--color-light-yellowish-green-500: #5d9a00;
--color-light-yellowish-green-600: #4f8200;
--color-light-yellowish-green-700: #3f6801;
--color-light-yellowish-green-800: #304c00;
--color-light-yellowish-green-900: #213500;
--color-light-yellowish-green-950: #102000;
}SCSS
$light-yellowish-green: #c2ff89;
$light-yellowish-green-rgb: 194, 255, 137;
$light-yellowish-green-light: mix(#fff, $light-yellowish-green, 20%);
$light-yellowish-green-dark: mix(#000, $light-yellowish-green, 20%);
.element {
color: $light-yellowish-green;
box-shadow: 0 0 0 2px rgba($light-yellowish-green, 0.35);
}