#72BAE5

#72BAE5

Overview

#72BAE5 is a cool, light color. In RGB it is 114, 186, 229, in HSL 202.4°, 68.9%, 67.3%, and in CMYK 50.2%, 18.8%, 0.0%, 10.2%. The nearest named color is skyblue 2.

On this page

ค่าสี

HEX

#72BAE5

RGB

114, 186, 229

HSL

202.4, 68.9%, 67.3%

HSV

202.4, 50.2%, 89.8%

CMYK

50.2%, 18.8%, 0.0%, 10.2%

OKLCH

0.7579 0.0952 236.1

คุณสมบัติ

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

จิตวิทยาสี

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

สีตรงข้าม

#72BAE5

#E59D72

สีใกล้เคียง

#72E5D7

#7281E5

#72BAE5

สามสี

#72BAE5

#E572BA

#BAE572

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

#72BAE5

#E57281

#E5D772

สี่สี

#72BAE5

#D772E5

#E59D72

#81E572

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

ต้นฉบับ

#72BAE5

ตาบอดสีแดง

#9192DB

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

#8D88D8

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

#76D2D1

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

#AEAEAE

การใช้งาน CSS

background-color: #72BAE5;
color: #72BAE5;
border-color: #72BAE5;
Tailwind ที่ใกล้เคียงที่สุด: Sky 300 #7DD3FC

เฉดสี Tailwind

50
#F3F8FC
100
#E3F0F8
200
#C3E2F4
300
#98CCEC
400
#60B1E2
500
#2896D7
600
#2078AC
700
#19608A
800
#144B6C
900
#12384E
950
#0C2332

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

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

2.13:1

AA Fail AAA Fail

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

9.87:1

AA Pass AAA Pass

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

#72BAE5
#E59D72
#72BAE5
#FFFFFF
#000000
#72BAE5

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

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

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 #72BAE5?

RGB(114, 186, 229) · HSL(202.4, 68.9%, 67.3%) · CMYK(50.2%, 18.8%, 0.0%, 10.2%)

Does #72BAE5 meet WCAG contrast on white?

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

What text color is readable on #72BAE5?

Use 000000 text on a #72BAE5 background; contrast on black is 9.87:1.