#BAF2A5

#BAF2A5

Overview

#BAF2A5 is a cool, light color. In RGB it is 186, 242, 165, in HSL 103.6°, 74.8%, 79.8%, and in CMYK 23.1%, 0.0%, 31.8%, 5.1%. The nearest named color is Granny Smith Apple.

On this page

ค่าสี

HEX

#BAF2A5

RGB

186, 242, 165

HSL

103.6, 74.8%, 79.8%

HSV

103.6, 31.8%, 94.9%

CMYK

23.1%, 0.0%, 31.8%, 5.1%

OKLCH

0.9041 0.1169 137.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: Granny Smith Apple

จิตวิทยาสี

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.

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

สีตรงข้าม

#BAF2A5

#DDA5F2

สีใกล้เคียง

#E1F2A5

#A5F2B6

#BAF2A5

สามสี

#BAF2A5

#A5BAF2

#F2A5BA

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

#BAF2A5

#B6A5F2

#F2A5E1

สี่สี

#BAF2A5

#A5E1F2

#DDA5F2

#F2B6A5

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

ต้นฉบับ

#BAF2A5

ตาบอดสีแดง

#D2D3B8

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

#CFCBBC

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

#BDC6CA

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

#E1E1E1

การใช้งาน CSS

background-color: #BAF2A5;
color: #BAF2A5;
border-color: #BAF2A5;
Tailwind ที่ใกล้เคียงที่สุด: Lime 200 #D9F99D

เฉดสี Tailwind

50
#F5FCF2
100
#E8F8E2
200
#CFF6C1
300
#ADF094
400
#81E75A
500
#54DF20
600
#43B21A
700
#368F15
800
#2A6F10
900
#225110
950
#15330A

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

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

1.29:1

AA Fail AAA Fail

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

16.33:1

AA Pass AAA Pass

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

#BAF2A5
#DDA5F2
#BAF2A5
#FFFFFF
#000000
#BAF2A5

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

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

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

RGB(186, 242, 165) · HSL(103.6, 74.8%, 79.8%) · CMYK(23.1%, 0.0%, 31.8%, 5.1%)

Does #BAF2A5 meet WCAG contrast on white?

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

What text color is readable on #BAF2A5?

Use 000000 text on a #BAF2A5 background; contrast on black is 16.33:1.