#CFD86E

#CFD86E

Overview

#CFD86E is a cool, light color. In RGB it is 207, 216, 110, in HSL 65.1°, 57.6%, 63.9%, and in CMYK 4.2%, 0.0%, 49.1%, 15.3%. The nearest named color is khaki 2.

On this page

ค่าสี

HEX

#CFD86E

RGB

207, 216, 110

HSL

65.1, 57.6%, 63.9%

HSV

65.1, 49.1%, 84.7%

CMYK

4.2%, 0.0%, 49.1%, 15.3%

OKLCH

0.8533 0.1308 113.2

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#CFD86E

#776ED8

สีใกล้เคียง

#D8AC6E

#9AD86E

#CFD86E

สามสี

#CFD86E

#6ECFD8

#D86ECF

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

#CFD86E

#6E9AD8

#AC6ED8

สี่สี

#CFD86E

#6ED8AC

#776ED8

#D86E9A

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

ต้นฉบับ

#CFD86E

ตาบอดสีแดง

#D3D388

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

#D2D28E

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

#CF9CA0

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

#CECECE

การใช้งาน CSS

background-color: #CFD86E;

color: #CFD86E;

border-color: #CFD86E;

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

เฉดสี Tailwind

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

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

1.53:1

AA Fail AAA Fail

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

13.7: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 #CFD86E?

RGB(207, 216, 110) · HSL(65.1, 57.6%, 63.9%) · CMYK(4.2%, 0.0%, 49.1%, 15.3%)

Does #CFD86E meet WCAG contrast on white?

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

What text color is readable on #CFD86E?

Use 000000 text on a #CFD86E background; contrast on black is 13.7:1.