이름 색상 · #009E60
Shamrock
Shamrock은(는) #009E60: rgb(0 158 96), hsl(156 100% 31%), oklch(0.615 0.146 157.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Shamrock color name →
#009E60
oklch(0.615 0.146 157.1)
색상 변환
- HEX
- #009e60
- RGB
- rgb(0 158 96)
- HSL
- hsl(156 100% 31%)
- HWB
- hwb(156 0% 38%)
- OKLCH
- oklch(0.615 0.146 157.1)
- OKLab
- oklab(0.615 -0.135 0.057)
- CIE Lab
- lab(57.29 -47.94 22.15)
- LCH
- lch(57.29 52.81 155.2)
- CMYK
- cmyk(100% 0% 39% 38%)
틴트 · 셰이드 · 톤
틴트
- 39A86F
- 56B27F
- 6EBC8E
- 84C59E
- 99CFAE
- AED9BE
- C2E2CE
- D7ECDE
- EBF5EE
셰이드
- 008952
- 007445
- 006038
- 004D2C
- 003A20
- 002915
- 00180A
- 000903
- 000100
톤
- 289B64
- 3A9967
- 48966A
- 53936E
- 5C9071
- 658D74
- 6C8A77
- 73877A
- 7A837D
색 조화
보색 +180°
- 009E60
Shamrock
- BA5EA4
≈ Young Purple
유사색 -30° +30°
- 009E60
Shamrock
- 6D941F
≈ Canopy
- 009990
≈ Green Dynasty
삼각 배색 +120° +240°
- 009E60
Shamrock
- 7079DB
≈ Kickstart Purple
- CD6040
≈ Arabesque
분열 보색 +150° +210°
- 009E60
Shamrock
- 9C6AC8
≈ Amethyst
- CB5A75
≈ Rapture Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.46:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.05:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--shamrock: #009e60;
--shamrock-rgb: 0 158 96;
--shamrock-oklch: oklch(0.615 0.146 157.1);
}
.element {
color: var(--shamrock);
background-color: hsl(156 100% 31%);
border-color: oklch(0.615 0.146 157.1);
}Tailwind CSS v4
@theme {
--color-shamrock: #009e60;
--color-shamrock-50: #d2ffe6;
--color-shamrock-100: #bff8d6;
--color-shamrock-200: #9de8be;
--color-shamrock-300: #6fce9c;
--color-shamrock-400: #42b87b;
--color-shamrock-500: #00a25d;
--color-shamrock-600: #00894f;
--color-shamrock-700: #006e3f;
--color-shamrock-800: #00512b;
--color-shamrock-900: #01381d;
--color-shamrock-950: #00220d;
}SCSS
$shamrock: #009e60;
$shamrock-rgb: 0, 158, 96;
$shamrock-light: mix(#fff, $shamrock, 20%);
$shamrock-dark: mix(#000, $shamrock, 20%);
.element {
color: $shamrock;
box-shadow: 0 0 0 2px rgba($shamrock, 0.35);
}