이름 색상 · #7AF9AB
Lime Soap
Lime Soap은(는) #7AF9AB: rgb(122 249 171), hsl(143 91% 73%), oklch(0.89 0.158 154.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Lime Soap color name →
#7AF9AB
oklch(0.89 0.158 154.5)
색상 변환
- HEX
- #7af9ab
- RGB
- rgb(122 249 171)
- HSL
- hsl(143 91% 73%)
- HWB
- hwb(143 48% 2%)
- OKLCH
- oklch(0.89 0.158 154.5)
- OKLab
- oklab(0.89 -0.143 0.068)
- CIE Lab
- lab(89.26 -49.88 26.29)
- LCH
- lch(89.26 56.38 152.2)
- CMYK
- cmyk(51% 0% 31% 2%)
틴트 · 셰이드 · 톤
틴트
- 8BFAB4
- 9BFBBC
- A9FCC5
- B7FCCD
- C4FDD5
- D0FEDE
- DCFEE6
- E8FFEE
- F4FFF7
셰이드
- 69D994
- 59B97E
- 499A68
- 3A7D54
- 2B6140
- 1D462D
- 102C1B
- 05150B
- 010301
톤
- 7EEDA7
- 80E0A3
- 82D49F
- 84C89A
- 84BB96
- 84AF92
- 84A38D
- 839889
- 828C85
색 조화
보색 +180°
- 7AF9AB
Lime Soap
- FFC6F2
≈ Rosy Maple Moth
유사색 -30° +30°
- 7AF9AB
Lime Soap
- C4EC70
≈ Pisco Sour
- 01FCE7
≈ Vibrant Mint
삼각 배색 +120° +240°
- 7AF9AB
Lime Soap
- CFD9FF
≈ Icy Plains
- FFCDC1
≈ Crystal Coral
분열 보색 +150° +210°
- 7AF9AB
Lime Soap
- E4D0FF
≈ Pale Lavender
- FFCBD5
≈ Sweet Sixteen
사각 배색 +90° +180° +270°
- 7AF9AB
Lime Soap
- BBE0FF
≈ Dithered Sky
- FFC6F2
≈ Rosy Maple Moth
- FFD1A6
≈ Affinity
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.31:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 15.96:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--lime-soap: #7af9ab;
--lime-soap-rgb: 122 249 171;
--lime-soap-oklch: oklch(0.89 0.158 154.5);
}
.element {
color: var(--lime-soap);
background-color: hsl(143 91% 73%);
border-color: oklch(0.89 0.158 154.5);
}Tailwind CSS v4
@theme {
--color-lime-soap: #7af9ab;
--color-lime-soap-50: #d1ffe3;
--color-lime-soap-100: #bdf8d3;
--color-lime-soap-200: #9be9b9;
--color-lime-soap-300: #6bd096;
--color-lime-soap-400: #3cb973;
--color-lime-soap-500: #00a353;
--color-lime-soap-600: #008a47;
--color-lime-soap-700: #006e39;
--color-lime-soap-800: #005125;
--color-lime-soap-900: #003919;
--color-lime-soap-950: #00230a;
}SCSS
$lime-soap: #7af9ab;
$lime-soap-rgb: 122, 249, 171;
$lime-soap-light: mix(#fff, $lime-soap, 20%);
$lime-soap-dark: mix(#000, $lime-soap, 20%);
.element {
color: $lime-soap;
box-shadow: 0 0 0 2px rgba($lime-soap, 0.35);
}