#D4D166

#D4D166

Overview

#D4D166 is a warm, light color. In RGB it is 212, 209, 102, in HSL 58.4°, 56.1%, 61.6%, and in CMYK 0.0%, 1.4%, 51.9%, 16.9%. The nearest named color is khaki 2.

On this page

ค่าสี

HEX

#D4D166

RGB

212, 209, 102

HSL

58.4, 56.1%, 61.6%

HSV

58.4, 51.9%, 83.1%

CMYK

0.0%, 1.4%, 51.9%, 16.9%

OKLCH

0.8415 0.1298 107.4

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: khaki 2

จิตวิทยาสี

Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.

Design Usage

Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.

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

สีตรงข้าม

#D4D166

#6669D4

สีใกล้เคียง

#D49A66

#A0D466

#D4D166

สามสี

#D4D166

#66D4D1

#D166D4

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

#D4D166

#66A0D4

#9A66D4

สี่สี

#D4D166

#66D49A

#6669D4

#D466A0

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

ต้นฉบับ

#D4D166

ตาบอดสีแดง

#D3D380

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

#D3D386

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

#D49499

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

#CACACA

การใช้งาน CSS

background-color: #D4D166;

color: #D4D166;

border-color: #D4D166;

Tailwind ที่ใกล้เคียงที่สุด: Yellow 200 #FEF08A

เฉดสี Tailwind

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

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

1.6:1

AA Fail AAA Fail

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

13.11:1

AA Pass AAA Pass

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

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

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

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 #D4D166?

RGB(212, 209, 102) · HSL(58.4, 56.1%, 61.6%) · CMYK(0.0%, 1.4%, 51.9%, 16.9%)

Does #D4D166 meet WCAG contrast on white?

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

What text color is readable on #D4D166?

Use 000000 text on a #D4D166 background; contrast on black is 13.11:1.