가장 가까운 이름 색상 · #A5D2AC
#A5D2AC
가장 가까운 이름 색상: Limestoned
#A5D2AC(rgb(165 210 172), hsl(129 33% 74%), oklch(0.821 0.071 149.2))와 가장 가까운 이름 색상은 Limestoned입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A5D2AC
oklch(0.821 0.071 149.2)
색상 변환
- HEX
- #a5d2ac
- RGB
- rgb(165 210 172)
- HSL
- hsl(129 33% 74%)
- HWB
- hwb(129 65% 18%)
- OKLCH
- oklch(0.821 0.071 149.2)
- OKLab
- oklab(0.821 -0.061 0.036)
- CIE Lab
- lab(80.22 -20.89 13.87)
- LCH
- lch(80.22 25.08 146.4)
- CMYK
- cmyk(21% 0% 18% 18%)
틴트 · 셰이드 · 톤
틴트
- AED7B4
- B7DBBC
- C0E0C5
- C9E4CD
- D2E9D5
- DBEDDD
- E4F2E6
- EDF6EE
- F6FBF7
셰이드
- 8FB695
- 799B7F
- 658169
- 516854
- 3D5040
- 2B392D
- 1A241B
- 0A100B
- 010201
톤
- A1CAA8
- 9EC1A3
- 9AB99F
- 97B19A
- 93A896
- 8FA092
- 8C988D
- 889089
- 848884
색 조화
보색 +180°
- A5D2AC
Limestoned
- DFB5DB
≈ French Lilac
유사색 -30° +30°
- A5D2AC
Limestoned
- BFCC98
≈ White Grape
- 91D4C6
≈ Green Daze
삼각 배색 +120° +240°
- A5D2AC
Limestoned
- B2C3F4
≈ Larkspur Bud
- EFB4AA
≈ Mesa Rose
분열 보색 +150° +210°
- A5D2AC
Limestoned
- CBBBED
≈ Connecticut Lilac
- ECB2C3
≈ Fallen Blossoms
사각 배색 +90° +180° +270°
- A5D2AC
Limestoned
- 9ACCEE
≈ Fail Whale
- DFB5DB
≈ French Lilac
- E8BA97
≈ Fresh Praline
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.41:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--limestoned: #a5d2ac;
--limestoned-rgb: 165 210 172;
--limestoned-oklch: oklch(0.821 0.071 149.2);
}
.element {
color: var(--limestoned);
background-color: hsl(129 33% 74%);
border-color: oklch(0.821 0.071 149.2);
}Tailwind CSS v4
@theme {
--color-limestoned: #a5d2ac;
--color-limestoned-50: #e7fbeb;
--color-limestoned-100: #d8efdc;
--color-limestoned-200: #bfddc5;
--color-limestoned-300: #9ec2a5;
--color-limestoned-400: #81ab88;
--color-limestoned-500: #64946d;
--color-limestoned-600: #557d5c;
--color-limestoned-700: #446449;
--color-limestoned-800: #324934;
--color-limestoned-900: #223323;
--color-limestoned-950: #111e12;
}SCSS
$limestoned: #a5d2ac;
$limestoned-rgb: 165, 210, 172;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}