powderblue

#B0E0E6

CSS color

Powder Blue (#B0E0E6) is a very light CSS blue-grey with the soft, airy quality of powdered pigment — pale, clean, and gently cool. This delicate blue sits close to the sky near the horizon in late afternoon, serene and undemanding. Web designers use Powder Blue as a calm, low-contrast background tone that reads blue without assertiveness, common in healthcare, baby products, and minimal UI design.

ค่าสี

HEX

#B0E0E6

RGB

176, 224, 230

HSL

186.7, 51.9%, 79.6%

HSV

186.7, 23.5%, 90.2%

CMYK

23.5%, 2.6%, 0.0%, 9.8%

OKLCH

0.8751 0.0502 205.7

คุณสมบัติ

จิตวิทยาสี

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

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

สีตรงข้าม

สีใกล้เคียง

สามสี

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

สี่สี

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

การใช้งาน CSS

background-color: #B0E0E6;
color: #B0E0E6;
border-color: #B0E0E6;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 100 #CFFAFE

เฉดสี Tailwind

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

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

1.43:1

AA Fail AAA Fail

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

14.65:1

AA Pass AAA Pass

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

ส่วนหนึ่งของคอลเลกชันเหล่านี้

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #B0E0E6?

RGB(176, 224, 230) · HSL(186.7, 51.9%, 79.6%) · CMYK(23.5%, 2.6%, 0.0%, 9.8%)

Does #B0E0E6 meet WCAG contrast on white?

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

What text color is readable on #B0E0E6?

Use 000000 text on a #B0E0E6 background; contrast on black is 14.65:1.