#87C2EC

#87C2EC

Overview

#87C2EC is a cool, light color. In RGB it is 135, 194, 236, in HSL 205.0°, 72.7%, 72.7%, and in CMYK 42.8%, 17.8%, 0.0%, 7.5%. The nearest named color is skyblue 2.

On this page

ค่าสี

HEX

#87C2EC

RGB

135, 194, 236

HSL

205.0, 72.7%, 72.7%

HSV

205.0, 42.8%, 92.5%

CMYK

42.8%, 17.8%, 0.0%, 7.5%

OKLCH

0.789 0.0855 240.2

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#87C2EC

#ECB187

สีใกล้เคียง

#87ECE4

#878FEC

#87C2EC

สามสี

#87C2EC

#EC87C2

#C2EC87

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

#87C2EC

#EC878F

#ECE487

สี่สี

#87C2EC

#E487EC

#ECB187

#8FEC87

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

ต้นฉบับ

#87C2EC

ตาบอดสีแดง

#A1A1E2

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

#9D99DF

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

#8ADAD8

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

#B8B8B8

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F3F8FC
100
#E2EFF8
200
#C1E0F5
300
#95C9EE
400
#5CACE5
500
#238FDC
600
#1C72B0
700
#165B8D
800
#11476E
900
#113650
950
#0B2233

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

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

1.92:1

AA Fail AAA Fail

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

10.96:1

AA Pass AAA Pass

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

#87C2EC
#ECB187
#87C2EC
#FFFFFF
#000000
#87C2EC

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

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

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 #87C2EC?

RGB(135, 194, 236) · HSL(205.0, 72.7%, 72.7%) · CMYK(42.8%, 17.8%, 0.0%, 7.5%)

Does #87C2EC meet WCAG contrast on white?

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

What text color is readable on #87C2EC?

Use 000000 text on a #87C2EC background; contrast on black is 10.96:1.