가장 가까운 이름 색상 · #529A71
#529A71
가장 가까운 이름 색상: Natural Orchestra
#529A71(rgb(82 154 113), hsl(146 31% 46%), oklch(0.628 0.096 157.1))와 가장 가까운 이름 색상은 Natural Orchestra입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#529A71
oklch(0.628 0.096 157.1)
색상 변환
- HEX
- #529a71
- RGB
- rgb(82 154 113)
- HSL
- hsl(146 31% 46%)
- HWB
- hwb(146 32% 40%)
- OKLCH
- oklch(0.628 0.096 157.1)
- OKLab
- oklab(0.628 -0.089 0.037)
- CIE Lab
- lab(58.08 -30.99 14.31)
- LCH
- lch(58.08 34.14 155.2)
- CMYK
- cmyk(47% 0% 27% 40%)
틴트 · 셰이드 · 톤
틴트
- 64A47E
- 76AE8C
- 87B89A
- 98C2A8
- A9CCB6
- BAD6C4
- CBE0D3
- DDEAE1
- EEF5F0
셰이드
- 468561
- 3B7152
- 2F5E43
- 254B35
- 1A3927
- 11271A
- 08170E
- 020904
- 000101
톤
- 589873
- 5E9574
- 639376
- 689077
- 6D8D79
- 718B7A
- 75887C
- 79857D
- 7D837F
색 조화
보색 +180°
- 529A71
Natural Orchestra
- AE719E
≈ Mulberry Bush
유사색 -30° +30°
- 529A71
Natural Orchestra
- 799352
≈ Piquant Green
- 2F9B92
≈ Temple Guard Blue
삼각 배색 +120° +240°
- 529A71
Natural Orchestra
- 7A83C2
≈ Twilight Twinkle
- BB735E
≈ Azalea Pot
분열 보색 +150° +210°
- 529A71
Natural Orchestra
- 9879B6
≈ Lavender Purple
- BA6F7E
≈ Smell the Roses
사각 배색 +90° +180° +270°
- 529A71
Natural Orchestra
- 568EC0
≈ Cliff Blue
- AE719E
≈ Mulberry Bush
- AF7D45
≈ Vintage Lincoln
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.37:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.21:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.21:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--natural-orchestra: #529a71;
--natural-orchestra-rgb: 82 154 113;
--natural-orchestra-oklch: oklch(0.628 0.096 157.1);
}
.element {
color: var(--natural-orchestra);
background-color: hsl(146 31% 46%);
border-color: oklch(0.628 0.096 157.1);
}Tailwind CSS v4
@theme {
--color-natural-orchestra: #529a71;
--color-natural-orchestra-50: #dffeeb;
--color-natural-orchestra-100: #cef2dc;
--color-natural-orchestra-200: #b2e1c6;
--color-natural-orchestra-300: #8cc7a6;
--color-natural-orchestra-400: #6cb088;
--color-natural-orchestra-500: #48996c;
--color-natural-orchestra-600: #3e825c;
--color-natural-orchestra-700: #316849;
--color-natural-orchestra-800: #244c34;
--color-natural-orchestra-900: #183523;
--color-natural-orchestra-950: #082012;
}SCSS
$natural-orchestra: #529a71;
$natural-orchestra-rgb: 82, 154, 113;
$natural-orchestra-light: mix(#fff, $natural-orchestra, 20%);
$natural-orchestra-dark: mix(#000, $natural-orchestra, 20%);
.element {
color: $natural-orchestra;
box-shadow: 0 0 0 2px rgba($natural-orchestra, 0.35);
}