이름 색상 · #479532
Always Greener
Always Greener은(는) #479532: rgb(71 149 50), hsl(107 50% 39%), oklch(0.599 0.155 139.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Always Greener color name →
#479532
oklch(0.599 0.155 139.6)
색상 변환
- HEX
- #479532
- RGB
- rgb(71 149 50)
- HSL
- hsl(107 50% 39%)
- HWB
- hwb(107 20% 42%)
- OKLCH
- oklch(0.599 0.155 139.6)
- OKLab
- oklab(0.599 -0.118 0.101)
- CIE Lab
- lab(55.22 -39.39 42.78)
- LCH
- lch(55.22 58.15 132.6)
- CMYK
- cmyk(52% 0% 66% 42%)
틴트 · 셰이드 · 톤
틴트
- 5BA049
- 6DAA5F
- 80B573
- 92C087
- A4CA9B
- B6D5AE
- C8DFC2
- DAEAD6
- EDF4EB
셰이드
- 3D812A
- 326D22
- 285A1B
- 1F4814
- 16370D
- 0D2607
- 061603
- 020801
- 000100
톤
- 4F933D
- 569147
- 5C904F
- 628E57
- 678C5F
- 6D8966
- 72876D
- 778573
- 7B837A
색 조화
보색 +180°
- 479532
Always Greener
- A75DB9
≈ Prickly Purple
유사색 -30° +30°
- 479532
Always Greener
- 868600
≈ Palak Paneer
- 009674
≈ Pool Table
삼각 배색 +120° +240°
- 479532
Always Greener
- 447DDB
≈ Skies of Cyberspace
- CC5259
≈ Mandy
분열 보색 +150° +210°
- 479532
Always Greener
- 806CD5
≈ C64 Purple
- C1538D
≈ Sparkling Blueberry Lemonade
사각 배색 +90° +180° +270°
- 479532
Always Greener
- 008CB8
≈ Hawaiian Ocean
- A75DB9
≈ Prickly Purple
- C65E0C
≈ Kvass
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.74:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.61:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--always-greener: #479532;
--always-greener-rgb: 71 149 50;
--always-greener-oklch: oklch(0.599 0.155 139.6);
}
.element {
color: var(--always-greener);
background-color: hsl(107 50% 39%);
border-color: oklch(0.599 0.155 139.6);
}Tailwind CSS v4
@theme {
--color-always-greener: #479532;
--color-always-greener-50: #ddffd8;
--color-always-greener-100: #ccf6c6;
--color-always-greener-200: #afe5a8;
--color-always-greener-300: #89cb80;
--color-always-greener-400: #6ab457;
--color-always-greener-500: #459d2c;
--color-always-greener-600: #3c8528;
--color-always-greener-700: #306b1f;
--color-always-greener-800: #244e11;
--color-always-greener-900: #18360b;
--color-always-greener-950: #092101;
}SCSS
$always-greener: #479532;
$always-greener-rgb: 71, 149, 50;
$always-greener-light: mix(#fff, $always-greener, 20%);
$always-greener-dark: mix(#000, $always-greener, 20%);
.element {
color: $always-greener;
box-shadow: 0 0 0 2px rgba($always-greener, 0.35);
}