#A7BCAE

#A7BCAE

Overview

#A7BCAE is a cool, light color. In RGB it is 167, 188, 174, in HSL 140.0°, 13.5%, 69.6%, and in CMYK 11.2%, 0.0%, 7.4%, 26.3%. The nearest named color is RAL 7038 Agate Grey.

On this page

ค่าสี

HEX

#A7BCAE

RGB

167, 188, 174

HSL

140.0, 13.5%, 69.6%

HSV

140.0, 11.2%, 73.7%

CMYK

11.2%, 0.0%, 7.4%, 26.3%

OKLCH

0.7752 0.0303 156.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: RAL 7038 Agate Grey

จิตวิทยาสี

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

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

สีตรงข้าม

#A7BCAE

#BCA7B5

สีใกล้เคียง

#ABBCA7

#A7BCB8

#A7BCAE

สามสี

#A7BCAE

#AEA7BC

#BCAEA7

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

#A7BCAE

#B8A7BC

#BCA7AB

สี่สี

#A7BCAE

#A7ABBC

#BCA7B5

#BCB8A7

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

ต้นฉบับ

#A7BCAE

ตาบอดสีแดง

#B0B0B1

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

#AFADB2

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

#A8B4B5

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

#B7B7B7

การใช้งาน CSS

background-color: #A7BCAE;
color: #A7BCAE;
border-color: #A7BCAE;
Tailwind ที่ใกล้เคียงที่สุด: Neutral 400 #A3A3A3

เฉดสี Tailwind

50
#F6F8F7
100
#EBEFEC
200
#D6E0DA
300
#BACABF
400
#94AD9C
500
#6E917A
600
#587461
700
#475D4E
800
#37483D
900
#2B362E
950
#1B221D

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

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

2.01:1

AA Fail AAA Fail

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

10.45:1

AA Pass AAA Pass

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

#A7BCAE
#BCA7B5
#A7BCAE
#FFFFFF
#000000
#A7BCAE

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

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

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

RGB(167, 188, 174) · HSL(140.0, 13.5%, 69.6%) · CMYK(11.2%, 0.0%, 7.4%, 26.3%)

Does #A7BCAE meet WCAG contrast on white?

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

What text color is readable on #A7BCAE?

Use 000000 text on a #A7BCAE background; contrast on black is 10.45:1.