green

#008000

CSS color

Overview

A frequent source of confusion, the CSS keyword green is not the pure additive primary but the darker rgb(0, 128, 0), hex #008000 — a green held at half brightness. The fully lit additive green primary is instead named lime in CSS. Green occupies the 120-degree position on the hue wheel and is one of the sixteen basic HTML colors inherited from the original web palette. Sitting between yellow and cyan in the spectrum, it is the channel to which human vision is most sensitive, which is why green contributes the largest share of perceived luminance in most color-weighting formulas. Its restrained value makes it a common choice for text and interface accents where the brighter lime would be visually harsh.

Green (#008000) is the pure mid-range green of the CSS named color set, a fully saturated medium-depth green at exactly half luminosity. It is one of the three primary colors of the RGB model and carries universal associations with nature, health, growth, and ecological responsibility. In web design, it is used for success states, environmental branding, and natural product identity.

On this page

색상 값

HEX

#008000

RGB

0, 128, 0

HSL

120.0, 100.0%, 25.1%

HSV

120.0, 100.0%, 50.2%

CMYK

100.0%, 0.0%, 100.0%, 49.8%

OKLCH

0.5198 0.1769 142.5

속성

차가운 어두운 가장 가까운: green

색채 심리학

Dark greens like forest and hunter green convey wealth, tradition, and prestige. They are associated with old money, ivy-league institutions, and deep woodland environments. These tones express stability and endurance, suggesting something that has stood the test of time.

Design Usage

Dark green excels in banking, insurance, and heritage brand identities where trust is paramount. It creates elegant, authoritative headers and navigation bars that feel established and dependable. Pair it with gold, cream, or light gray for a classic combination that signals reliability and quality.

색상 조화

색각 이상 시뮬레이션

CSS 사용법

background-color: #008000;
color: #008000;
border-color: #008000;
가장 가까운 Tailwind: Green 600 #16A34A

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

5.14:1

AA Pass AAA Fail

검정 배경 텍스트

4.09:1

AA Fail AAA Fail

비교하기

관련 글

자주 묻는 질문

What are the RGB, HSL, and CMYK values of #008000?

RGB(0, 128, 0) · HSL(120.0, 100.0%, 25.1%) · CMYK(100.0%, 0.0%, 100.0%, 49.8%)

Does #008000 meet WCAG contrast on white?

5.14:1 — WCAG AA 통과, AAA 실패 for normal text.

What text color is readable on #008000?

Use FFFFFF text on a #008000 background; contrast on black is 4.09:1.