#B7EAF2

#B7EAF2

Overview

#B7EAF2 is a cool, light color. In RGB it is 183, 234, 242, in HSL 188.1°, 69.4%, 83.3%, and in CMYK 24.4%, 3.3%, 0.0%, 5.1%. The nearest named color is Blizzard Blue.

On this page

ค่าสี

HEX

#B7EAF2

RGB

183, 234, 242

HSL

188.1, 69.4%, 83.3%

HSV

188.1, 24.4%, 94.9%

CMYK

24.4%, 3.3%, 0.0%, 5.1%

OKLCH

0.9043 0.0532 208.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#B7EAF2

#F2BFB7

สีใกล้เคียง

#B7F2DC

#B7CCF2

#B7EAF2

สามสี

#B7EAF2

#F2B7EA

#EAF2B7

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

#B7EAF2

#F2B7CC

#F2DCB7

สี่สี

#B7EAF2

#DCB7F2

#F2BFB7

#CCF2B7

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

ต้นฉบับ

#B7EAF2

ตาบอดสีแดง

#CDCEF0

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

#CAC6F0

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

#BAEFEE

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

#E0E0E0

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F3FBFC
100
#E3F5F8
200
#C3EDF4
300
#97E1EC
400
#5FD0E2
500
#27C0D8
600
#1F9AAD
700
#197B8A
800
#14606C
900
#12474F
950
#0B2D32

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

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

1.31:1

AA Fail AAA Fail

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

16.06:1

AA Pass AAA Pass

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

#B7EAF2
#F2BFB7
#B7EAF2
#FFFFFF
#000000
#B7EAF2

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

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

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

RGB(183, 234, 242) · HSL(188.1, 69.4%, 83.3%) · CMYK(24.4%, 3.3%, 0.0%, 5.1%)

Does #B7EAF2 meet WCAG contrast on white?

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

What text color is readable on #B7EAF2?

Use 000000 text on a #B7EAF2 background; contrast on black is 16.06:1.