이름 색상 · #2AAA45
Vitalize
Vitalize은(는) #2AAA45: rgb(42 170 69), hsl(133 60% 42%), oklch(0.649 0.178 146.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Vitalize color name →
#2AAA45
oklch(0.649 0.178 146.4)
색상 변환
- HEX
- #2aaa45
- RGB
- rgb(42 170 69)
- HSL
- hsl(133 60% 42%)
- HWB
- hwb(133 16% 33%)
- OKLCH
- oklch(0.649 0.178 146.4)
- OKLab
- oklab(0.649 -0.148 0.099)
- CIE Lab
- lab(61.39 -51.34 40.85)
- LCH
- lch(61.39 65.6 141.5)
- CMYK
- cmyk(75% 0% 59% 33%)
틴트 · 셰이드 · 톤
틴트
- 4AB359
- 62BC6C
- 78C47F
- 8CCD91
- A0D6A3
- B3DEB6
- C6E6C8
- D9EFDA
- ECF7EC
셰이드
- 23933B
- 1C7D31
- 166827
- 10531E
- 0A3F15
- 052D0C
- 021B05
- 010B02
- 000100
톤
- 3BA64D
- 48A254
- 529E5B
- 5B9A61
- 639667
- 6A926C
- 708E72
- 768977
- 7B857B
색 조화
보색 +180°
- 2AAA45
Vitalize
- C561C7
≈ Purple Urn Orchid
유사색 -30° +30°
- 2AAA45
Vitalize
- 8A9900
≈ BioShock
- 00A68C
≈ Brilliant Turquoise
삼각 배색 +120° +240°
- 2AAA45
Vitalize
- 5C86FA
≈ Skinny Jeans
- E75951
≈ Reductant
분열 보색 +150° +210°
- 2AAA45
Vitalize
- 9B72ED
≈ Forgotten Purple
- DF5791
≈ Carmine Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.02:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.93:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--vitalize: #2aaa45;
--vitalize-rgb: 42 170 69;
--vitalize-oklch: oklch(0.649 0.178 146.4);
}
.element {
color: var(--vitalize);
background-color: hsl(133 60% 42%);
border-color: oklch(0.649 0.178 146.4);
}Tailwind CSS v4
@theme {
--color-vitalize: #2aaa45;
--color-vitalize-50: #d3ffd9;
--color-vitalize-100: #bff9c7;
--color-vitalize-200: #9eeaaa;
--color-vitalize-300: #71d083;
--color-vitalize-400: #48b95a;
--color-vitalize-500: #00a330;
--color-vitalize-600: #008a2b;
--color-vitalize-700: #006f22;
--color-vitalize-800: #085112;
--color-vitalize-900: #06390c;
--color-vitalize-950: #002301;
}SCSS
$vitalize: #2aaa45;
$vitalize-rgb: 42, 170, 69;
$vitalize-light: mix(#fff, $vitalize, 20%);
$vitalize-dark: mix(#000, $vitalize, 20%);
.element {
color: $vitalize;
box-shadow: 0 0 0 2px rgba($vitalize, 0.35);
}