이름 색상 · #859D66
Green Sky
Green Sky은(는) #859D66: rgb(133 157 102), hsl(86 22% 51%), oklch(0.663 0.082 127.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Sky color name →
#859D66
oklch(0.663 0.082 127.6)
색상 변환
- HEX
- #859d66
- RGB
- rgb(133 157 102)
- HSL
- hsl(86 22% 51%)
- HWB
- hwb(86 40% 38%)
- OKLCH
- oklch(0.663 0.082 127.6)
- OKLab
- oklab(0.663 -0.05 0.065)
- CIE Lab
- lab(61.82 -16.13 25.91)
- LCH
- lch(61.82 30.52 121.9)
- CMYK
- cmyk(15% 0% 35% 38%)
틴트 · 셰이드 · 톤
틴트
- 91A775
- 9CB084
- A8BA93
- B4C4A2
- C0CDB1
- CDD7C1
- D9E1D0
- E6EBDF
- F2F5EF
셰이드
- 738858
- 61734A
- 505F3C
- 404C2F
- 303A23
- 212817
- 13180C
- 060904
- 010100
톤
- 859A69
- 84976C
- 84946F
- 839272
- 838F74
- 828C77
- 828979
- 81867C
- 81837E
색 조화
보색 +180°
- 859D66
Green Sky
- A186BA
≈ Peony Mauve
유사색 -30° +30°
- 859D66
Green Sky
- A19457
≈ Desert Yellow
- 67A380
≈ Plumosa
삼각 배색 +120° +240°
- 859D66
Green Sky
- 6A98C3
≈ Windstorm
- BF7E8A
≈ Lipstick Pink
분열 보색 +150° +210°
- 859D66
Green Sky
- 878FC5
≈ Carriage Ride
- B480A5
≈ Purple Stripe
사각 배색 +90° +180° +270°
- 859D66
Green Sky
- 53A0B4
≈ Inuit
- A186BA
≈ Peony Mauve
- BF826F
≈ Kitchen Terra Cotta
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.99:1 · APCA Lc 57
Ag
AAA검은색 위
WCAG 7.01:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.01:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--green-sky: #859d66;
--green-sky-rgb: 133 157 102;
--green-sky-oklch: oklch(0.663 0.082 127.6);
}
.element {
color: var(--green-sky);
background-color: hsl(86 22% 51%);
border-color: oklch(0.663 0.082 127.6);
}Tailwind CSS v4
@theme {
--color-green-sky: #859d66;
--color-green-sky-50: #eefae2;
--color-green-sky-100: #dfeed1;
--color-green-sky-200: #c9dcb7;
--color-green-sky-300: #aac094;
--color-green-sky-400: #91a873;
--color-green-sky-500: #779154;
--color-green-sky-600: #657a48;
--color-green-sky-700: #506239;
--color-green-sky-800: #3b4727;
--color-green-sky-900: #29321a;
--color-green-sky-950: #171d0b;
}SCSS
$green-sky: #859d66;
$green-sky-rgb: 133, 157, 102;
$green-sky-light: mix(#fff, $green-sky, 20%);
$green-sky-dark: mix(#000, $green-sky, 20%);
.element {
color: $green-sky;
box-shadow: 0 0 0 2px rgba($green-sky, 0.35);
}