#97A810

#97A810

Overview

#97A810 is a cool, light color. In RGB it is 151, 168, 16, in HSL 66.7°, 82.6%, 36.1%, and in CMYK 10.1%, 0.0%, 90.5%, 34.1%. The nearest named color is yellow 4.

On this page

ค่าสี

HEX

#97A810

RGB

151, 168, 16

HSL

66.7, 82.6%, 36.1%

HSV

66.7, 90.5%, 65.9%

CMYK

10.1%, 0.0%, 90.5%, 34.1%

OKLCH

0.6944 0.1565 116.8

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: yellow 4

จิตวิทยาสี

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.

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

สีตรงข้าม

#97A810

#2110A8

สีใกล้เคียง

#A86D10

#4BA810

#97A810

สามสี

#97A810

#1097A8

#A81097

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

#97A810

#104BA8

#6D10A8

สี่สี

#97A810

#10A86D

#2110A8

#A8104B

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

ต้นฉบับ

#97A810

ตาบอดสีแดง

#9E9F35

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

#9D9C3E

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

#985258

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

#999999

การใช้งาน CSS

background-color: #97A810;

color: #97A810;

border-color: #97A810;

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

เฉดสี Tailwind

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

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

2.65:1

AA Fail AAA Fail

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

7.92:1

AA Pass AAA Pass

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

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026

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

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

ม.ค. 26, 2026

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

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

ม.ค. 21, 2026

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

What are the RGB, HSL, and CMYK values of #97A810?

RGB(151, 168, 16) · HSL(66.7, 82.6%, 36.1%) · CMYK(10.1%, 0.0%, 90.5%, 34.1%)

Does #97A810 meet WCAG contrast on white?

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

What text color is readable on #97A810?

Use 000000 text on a #97A810 background; contrast on black is 7.92:1.