가장 가까운 이름 색상 · #8CCEAD
#8CCEAD
가장 가까운 이름 색상: Irish Spring
#8CCEAD(rgb(140 206 173), hsl(150 40% 68%), oklch(0.798 0.082 162.1))와 가장 가까운 이름 색상은 Irish Spring입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8CCEAD
oklch(0.798 0.082 162.1)
색상 변환
- HEX
- #8ccead
- RGB
- rgb(140 206 173)
- HSL
- hsl(150 40% 68%)
- HWB
- hwb(150 55% 19%)
- OKLCH
- oklch(0.798 0.082 162.1)
- OKLab
- oklab(0.798 -0.078 0.025)
- CIE Lab
- lab(77.65 -27.1 9.49)
- LCH
- lch(77.65 28.72 160.7)
- CMYK
- cmyk(32% 0% 16% 19%)
틴트 · 셰이드 · 톤
틴트
- 98D3B5
- A4D8BD
- B0DDC5
- BBE2CD
- C7E7D5
- D2ECDE
- DDF0E6
- E9F5EE
- F4FAF7
셰이드
- 79B396
- 67987F
- 557F6A
- 436655
- 334E41
- 23382D
- 14231B
- 070F0B
- 010201
톤
- 8CC6A8
- 8BBEA4
- 8AB69F
- 89AE9B
- 88A696
- 879F92
- 85978D
- 848F89
- 828884
색 조화
보색 +180°
- 8CCEAD
Irish Spring
- E3A8CC
≈ Pink Bliss
유사색 -30° +30°
- 8CCEAD
Irish Spring
- AAC992
≈ Venerable Verde
- 7ACECB
≈ Blue Green Gem
삼각 배색 +120° +240°
- 8CCEAD
Irish Spring
- B4B7F1
≈ Purple Illusion
- EBAC94
≈ Shishi Pink
분열 보색 +150° +210°
- 8CCEAD
Irish Spring
- CFAEE4
≈ Whisper of Plum
- EDA8AF
≈ Hibiscus Petal
사각 배색 +90° +180° +270°
- 8CCEAD
Irish Spring
- 97C1F1
≈ Sail to the Sea
- E3A8CC
≈ Pink Bliss
- DEB582
≈ Cellini Gold
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.54:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--irish-spring: #8ccead;
--irish-spring-rgb: 140 206 173;
--irish-spring-oklch: oklch(0.798 0.082 162.1);
}
.element {
color: var(--irish-spring);
background-color: hsl(150 40% 68%);
border-color: oklch(0.798 0.082 162.1);
}Tailwind CSS v4
@theme {
--color-irish-spring: #8ccead;
--color-irish-spring-50: #e1fdef;
--color-irish-spring-100: #d0f1e1;
--color-irish-spring-200: #b5e0cb;
--color-irish-spring-300: #90c5ac;
--color-irish-spring-400: #71ae90;
--color-irish-spring-500: #4e9775;
--color-irish-spring-600: #438064;
--color-irish-spring-700: #36664f;
--color-irish-spring-800: #274b39;
--color-irish-spring-900: #1a3427;
--color-irish-spring-950: #0a2015;
}SCSS
$irish-spring: #8ccead;
$irish-spring-rgb: 140, 206, 173;
$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);
}