#31A103

#31A103

Overview

#31A103 is a cool, light color. In RGB it is 49, 161, 3, in HSL 102.5°, 96.3%, 32.2%, and in CMYK 69.6%, 0.0%, 98.1%, 36.9%. The nearest named color is NCS S 1060-G20Y Lime.

On this page

ค่าสี

HEX

#31A103

RGB

49, 161, 3

HSL

102.5, 96.3%, 32.2%

HSV

102.5, 98.1%, 63.1%

CMYK

69.6%, 0.0%, 98.1%, 36.9%

OKLCH

0.6214 0.199 140.0

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 1060-G20Y Lime

จิตวิทยาสี

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.

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

สีตรงข้าม

#31A103

#7303A1

สีใกล้เคียง

#80A103

#03A124

#31A103

สามสี

#31A103

#0331A1

#A10331

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

#31A103

#2403A1

#A10380

สี่สี

#31A103

#0380A1

#7303A1

#A12403

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

ต้นฉบับ

#31A103

ตาบอดสีแดง

#626229

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

#5B5332

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

#37474E

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

#7E7E7E

การใช้งาน CSS

background-color: #31A103;

color: #31A103;

border-color: #31A103;

Tailwind ที่ใกล้เคียงที่สุด: Lime 600 #65A30D

เฉดสี Tailwind

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

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

3.37:1

AA Fail AAA Fail

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

6.23: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 #31A103?

RGB(49, 161, 3) · HSL(102.5, 96.3%, 32.2%) · CMYK(69.6%, 0.0%, 98.1%, 36.9%)

Does #31A103 meet WCAG contrast on white?

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

What text color is readable on #31A103?

Use 000000 text on a #31A103 background; contrast on black is 6.23:1.