#336D33

#336D33

Overview

#336D33 is a cool, dark color. In RGB it is 51, 109, 51, in HSL 120.0°, 36.2%, 31.4%, and in CMYK 53.2%, 0.0%, 53.2%, 57.3%. The nearest named color is RAL 6010 Grass Green.

On this page

ค่าสี

HEX

#336D33

RGB

51, 109, 51

HSL

120.0, 36.2%, 31.4%

HSV

120.0, 53.2%, 42.7%

CMYK

53.2%, 0.0%, 53.2%, 57.3%

OKLCH

0.4807 0.108 143.7

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 6010 Grass 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.

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

สีตรงข้าม

#336D33

#6D336D

สีใกล้เคียง

#506D33

#336D50

#336D33

สามสี

#336D33

#33336D

#6D3333

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

#336D33

#50336D

#6D3350

สี่สี

#336D33

#33506D

#6D336D

#6D5033

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

ต้นฉบับ

#336D33

ตาบอดสีแดง

#4C4D41

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

#494444

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

#364C4F

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

#5C5C5C

การใช้งาน CSS

background-color: #336D33;
color: #336D33;
border-color: #336D33;
Tailwind ที่ใกล้เคียงที่สุด: Green 800 #166534

เฉดสี Tailwind

50
#F5FAF5
100
#E8F3E8
200
#CEE8CE
300
#ACD8AC
400
#7EC37E
500
#51AE51
600
#418B41
700
#346F34
800
#295729
900
#214021
950
#152915

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

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

6.22:1

AA Pass AAA Fail

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

3.38:1

AA Fail AAA Fail

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

#336D33
#6D336D
#336D33
#FFFFFF
#000000
#336D33

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

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

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 #336D33?

RGB(51, 109, 51) · HSL(120.0, 36.2%, 31.4%) · CMYK(53.2%, 0.0%, 53.2%, 57.3%)

Does #336D33 meet WCAG contrast on white?

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

What text color is readable on #336D33?

Use FFFFFF text on a #336D33 background; contrast on black is 3.38:1.