#B7C6CF

#B7C6CF

Overview

#B7C6CF is a cool, light color. In RGB it is 183, 198, 207, in HSL 202.5°, 20.0%, 76.5%, and in CMYK 11.6%, 4.3%, 0.0%, 18.8%. The nearest named color is azure 3.

On this page

ค่าสี

HEX

#B7C6CF

RGB

183, 198, 207

HSL

202.5, 20.0%, 76.5%

HSV

202.5, 11.6%, 81.2%

CMYK

11.6%, 4.3%, 0.0%, 18.8%

OKLCH

0.8178 0.0208 233.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#B7C6CF

#CFC0B7

สีใกล้เคียง

#B7CFCC

#B7BACF

#B7C6CF

สามสี

#B7C6CF

#CFB7C6

#C6CFB7

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

#B7C6CF

#CFB7BA

#CFCCB7

สี่สี

#B7C6CF

#CCB7CF

#CFC0B7

#BACFB7

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

ต้นฉบับ

#B7C6CF

ตาบอดสีแดง

#BDBECD

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

#BDBCCC

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

#B8CBCB

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

#C3C3C3

การใช้งาน CSS

background-color: #B7C6CF;
color: #B7C6CF;
border-color: #B7C6CF;
Tailwind ที่ใกล้เคียงที่สุด: Slate 300 #CBD5E1

เฉดสี Tailwind

50
#F6F8F9
100
#EAEEF0
200
#D4DDE2
300
#B6C5CE
400
#8EA5B4
500
#668699
600
#526B7A
700
#415662
800
#33434D
900
#283339
950
#192024

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

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

1.75:1

AA Fail AAA Fail

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

11.99:1

AA Pass AAA Pass

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

#B7C6CF
#CFC0B7
#B7C6CF
#FFFFFF
#000000
#B7C6CF

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

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

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

RGB(183, 198, 207) · HSL(202.5, 20.0%, 76.5%) · CMYK(11.6%, 4.3%, 0.0%, 18.8%)

Does #B7C6CF meet WCAG contrast on white?

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

What text color is readable on #B7C6CF?

Use 000000 text on a #B7C6CF background; contrast on black is 11.99:1.