#AFC7AA

#AFC7AA

Overview

#AFC7AA is a cool, light color. In RGB it is 175, 199, 170, in HSL 109.7°, 20.6%, 72.4%, and in CMYK 12.1%, 0.0%, 14.6%, 22.0%. The nearest named color is lightyellow 3.

On this page

ค่าสี

HEX

#AFC7AA

RGB

175, 199, 170

HSL

109.7, 20.6%, 72.4%

HSV

109.7, 14.6%, 78.0%

CMYK

12.1%, 0.0%, 14.6%, 22.0%

OKLCH

0.8036 0.0478 140.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#AFC7AA

#C2AAC7

สีใกล้เคียง

#BEC7AA

#AAC7B4

#AFC7AA

สามสี

#AFC7AA

#AAAFC7

#C7AAAF

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

#AFC7AA

#B4AAC7

#C7AABE

สี่สี

#AFC7AA

#AABEC7

#C2AAC7

#C7B4AA

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

ต้นฉบับ

#AFC7AA

ตาบอดสีแดง

#B9BAB1

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

#B8B6B3

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

#B0B7B8

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

#C0C0C0

การใช้งาน CSS

background-color: #AFC7AA;
color: #AFC7AA;
border-color: #AFC7AA;
Tailwind ที่ใกล้เคียงที่สุด: Emerald 100 #D1FAE5

เฉดสี Tailwind

50
#F6F9F6
100
#EBF0EA
200
#D6E3D4
300
#BACEB5
400
#94B48D
500
#6E9A65
600
#587B51
700
#476241
800
#374D33
900
#2B3927
950
#1B2419

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

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

1.81:1

AA Fail AAA Fail

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

11.57:1

AA Pass AAA Pass

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

#AFC7AA
#C2AAC7
#AFC7AA
#FFFFFF
#000000
#AFC7AA

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

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

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

RGB(175, 199, 170) · HSL(109.7, 20.6%, 72.4%) · CMYK(12.1%, 0.0%, 14.6%, 22.0%)

Does #AFC7AA meet WCAG contrast on white?

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

What text color is readable on #AFC7AA?

Use 000000 text on a #AFC7AA background; contrast on black is 11.57:1.