가장 가까운 이름 색상 · #8CC699
#8CC699
가장 가까운 이름 색상: Irish Spring
#8CC699(rgb(140 198 153), hsl(133 34% 66%), oklch(0.774 0.088 150.9))와 가장 가까운 이름 색상은 Irish Spring입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8CC699
oklch(0.774 0.088 150.9)
색상 변환
- HEX
- #8cc699
- RGB
- rgb(140 198 153)
- HSL
- hsl(133 34% 66%)
- HWB
- hwb(133 55% 22%)
- OKLCH
- oklch(0.774 0.088 150.9)
- OKLab
- oklab(0.774 -0.077 0.043)
- CIE Lab
- lab(74.98 -26.42 16.38)
- LCH
- lch(74.98 31.08 148.2)
- CMYK
- cmyk(29% 0% 23% 22%)
틴트 · 셰이드 · 톤
틴트
- 98CCA3
- A3D1AD
- AFD7B7
- BADDC1
- C6E3CB
- D1E8D6
- DDEEE0
- E8F4EA
- F4F9F5
셰이드
- 79AC84
- 679270
- 557A5D
- 43624A
- 334B38
- 233527
- 142117
- 070E08
- 010201
톤
- 8BBF97
- 8BB894
- 8AB192
- 89AA8F
- 87A38D
- 869C8A
- 859588
- 838E85
- 828783
색 조화
보색 +180°
- 8CC699
Irish Spring
- D7A1D0
≈ Chateau Rose
유사색 -30° +30°
- 8CC699
Irish Spring
- ADBF7F
≈ Lime Lollipop
- 71C8B9
≈ Shockwave
삼각 배색 +120° +240°
- 8CC699
Irish Spring
- A1B3EE
≈ Wondrous Wisteria
- E8A194
≈ Rose Dusk
분열 보색 +150° +210°
- 8CC699
Irish Spring
- BFA9E5
≈ Perfume
- E59EB2
≈ Always Rosey
사각 배색 +90° +180° +270°
- 8CC699
Irish Spring
- 82BDE9
≈ C’est la Vie
- D7A1D0
≈ Chateau Rose
- DFA97C
≈ Thai Ice Tea
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.65:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--irish-spring: #8cc699;
--irish-spring-rgb: 140 198 153;
--irish-spring-oklch: oklch(0.774 0.088 150.9);
}
.element {
color: var(--irish-spring);
background-color: hsl(133 34% 66%);
border-color: oklch(0.774 0.088 150.9);
}Tailwind CSS v4
@theme {
--color-irish-spring: #8cc699;
--color-irish-spring-50: #e3fde9;
--color-irish-spring-100: #d3f1da;
--color-irish-spring-200: #b9e0c3;
--color-irish-spring-300: #95c5a2;
--color-irish-spring-400: #78ae84;
--color-irish-spring-500: #589768;
--color-irish-spring-600: #4b7f58;
--color-irish-spring-700: #3c6646;
--color-irish-spring-800: #2c4b31;
--color-irish-spring-900: #1d3421;
--color-irish-spring-950: #0d1f11;
}SCSS
$irish-spring: #8cc699;
$irish-spring-rgb: 140, 198, 153;
$irish-spring-light: mix(#fff, $irish-spring, 20%);
$irish-spring-dark: mix(#000, $irish-spring, 20%);
.element {
color: $irish-spring;
box-shadow: 0 0 0 2px rgba($irish-spring, 0.35);
}