#BAD9AD

#BAD9AD

Overview

#BAD9AD is a cool, light color. In RGB it is 186, 217, 173, in HSL 102.3°, 36.7%, 76.5%, and in CMYK 14.3%, 0.0%, 20.3%, 14.9%. The nearest named color is RAL 6019 Pastel Green.

On this page

ค่าสี

HEX

#BAD9AD

RGB

186, 217, 173

HSL

102.3, 36.7%, 76.5%

HSV

102.3, 20.3%, 85.1%

CMYK

14.3%, 0.0%, 20.3%, 14.9%

OKLCH

0.8511 0.0682 136.5

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: RAL 6019 Pastel Green

จิตวิทยาสี

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.

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

สีตรงข้าม

#BAD9AD

#CCADD9

สีใกล้เคียง

#D0D9AD

#ADD9B6

#BAD9AD

สามสี

#BAD9AD

#ADBAD9

#D9ADBA

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

#BAD9AD

#B6ADD9

#D9ADD0

สี่สี

#BAD9AD

#ADD0D9

#CCADD9

#D9B6AD

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

ต้นฉบับ

#BAD9AD

ตาบอดสีแดง

#C7C8B8

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

#C6C3BA

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

#BCC0C2

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

#CFCFCF

การใช้งาน CSS

background-color: #BAD9AD;
color: #BAD9AD;
border-color: #BAD9AD;
Tailwind ที่ใกล้เคียงที่สุด: Green 200 #BBF7D0

เฉดสี Tailwind

50
#F6FAF5
100
#EBF3E8
200
#D6E8CE
300
#B9D8AB
400
#92C37E
500
#6CAE51
600
#578B41
700
#457034
800
#365728
900
#2A4020
950
#1A2914

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

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

1.54:1

AA Fail AAA Fail

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

13.62:1

AA Pass AAA Pass

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

#BAD9AD
#CCADD9
#BAD9AD
#FFFFFF
#000000
#BAD9AD

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

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

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

RGB(186, 217, 173) · HSL(102.3, 36.7%, 76.5%) · CMYK(14.3%, 0.0%, 20.3%, 14.9%)

Does #BAD9AD meet WCAG contrast on white?

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

What text color is readable on #BAD9AD?

Use 000000 text on a #BAD9AD background; contrast on black is 13.62:1.