#88B2FF

#88B2FF

Overview

#88B2FF is a cool, light color. In RGB it is 136, 178, 255, in HSL 218.8°, 100.0%, 76.7%, and in CMYK 46.7%, 30.2%, 0.0%, 0.0%. The nearest named color is steelblue 1.

On this page

ค่าสี

HEX

#88B2FF

RGB

136, 178, 255

HSL

218.8, 100.0%, 76.7%

HSV

218.8, 46.7%, 100.0%

CMYK

46.7%, 30.2%, 0.0%, 0.0%

OKLCH

0.764 0.1203 262.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#88B2FF

#FFD588

สีใกล้เคียง

#88EEFF

#9A88FF

#88B2FF

สามสี

#88B2FF

#FF88B2

#B2FF88

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

#88B2FF

#FF9A88

#EEFF88

สี่สี

#88B2FF

#FF88EE

#FFD588

#88FF9A

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

ต้นฉบับ

#88B2FF

ตาบอดสีแดง

#9A9BEC

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

#9895E8

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

#8ADEDA

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

#AFAFAF

การใช้งาน CSS

background-color: #88B2FF;
color: #88B2FF;
border-color: #88B2FF;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 300 #A5B4FC

เฉดสี Tailwind

50
#F1F5FE
100
#DEE9FC
200
#B8D1FF
300
#85B0FF
400
#4285FF
500
#005AFF
600
#0048CC
700
#003AA3
800
#002D80
900
#05245C
950
#03173A

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

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

2.13:1

AA Fail AAA Fail

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

9.86:1

AA Pass AAA Pass

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

#88B2FF
#FFD588
#88B2FF
#FFFFFF
#000000
#88B2FF

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

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

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 #88B2FF?

RGB(136, 178, 255) · HSL(218.8, 100.0%, 76.7%) · CMYK(46.7%, 30.2%, 0.0%, 0.0%)

Does #88B2FF meet WCAG contrast on white?

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

What text color is readable on #88B2FF?

Use 000000 text on a #88B2FF background; contrast on black is 9.86:1.