#04A366

#04A366

Overview

#04A366 is a cool, light color. In RGB it is 4, 163, 102, in HSL 157.0°, 95.2%, 32.7%, and in CMYK 97.5%, 0.0%, 37.4%, 36.1%. The nearest named color is NCS S 1050-B90G Emerald.

On this page

ค่าสี

HEX

#04A366

RGB

4, 163, 102

HSL

157.0, 95.2%, 32.7%

HSV

157.0, 97.5%, 63.9%

CMYK

97.5%, 0.0%, 37.4%, 36.1%

OKLCH

0.6305 0.1467 158.0

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 1050-B90G Emerald

จิตวิทยาสี

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.

ความกลมกลืนของสี

สีตรงข้าม

#04A366

#A30441

สีใกล้เคียง

#04A317

#0490A3

#04A366

สามสี

#04A366

#6604A3

#A36604

สีตรงข้ามแบบแยก

#04A366

#A30490

#A31704

สี่สี

#04A366

#1704A3

#A30441

#90A304

การจำลองตาบอดสี

ต้นฉบับ

#04A366

ตาบอดสีแดง

#494A75

ตาบอดสีเขียว

#403478

ตาบอดสีน้ำเงิน

#0C8083

ตาบอดสีทั้งหมด

#7D7D7D

การใช้งาน CSS

background-color: #04A366;

color: #04A366;

border-color: #04A366;

Tailwind ที่ใกล้เคียงที่สุด: Emerald 500 #10B981

เฉดสี Tailwind

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

3.26:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

6.44:1

AA Pass AAA Fail

เปรียบเทียบกับ

บทความที่เกี่ยวข้อง

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026

บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

คำถามที่พบบ่อย

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

RGB(4, 163, 102) · HSL(157.0, 95.2%, 32.7%) · CMYK(97.5%, 0.0%, 37.4%, 36.1%)

Does #04A366 meet WCAG contrast on white?

3.26:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #04A366?

Use 000000 text on a #04A366 background; contrast on black is 6.44:1.