#B797BB

#B797BB

Overview

#B797BB is a cool, light color. In RGB it is 183, 151, 187, in HSL 293.3°, 20.9%, 66.3%, and in CMYK 2.1%, 19.3%, 0.0%, 26.7%. The nearest named color is thistle 3.

On this page

ค่าสี

HEX

#B797BB

RGB

183, 151, 187

HSL

293.3, 20.9%, 66.3%

HSV

293.3, 19.3%, 73.3%

CMYK

2.1%, 19.3%, 0.0%, 26.7%

OKLCH

0.7171 0.0627 322.6

คุณสมบัติ

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

จิตวิทยาสี

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

สีตรงข้าม

#B797BB

#9BBB97

สีใกล้เคียง

#A597BB

#BB97AD

#B797BB

สามสี

#B797BB

#BBB797

#97BBB7

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

#B797BB

#ADBB97

#97BBA5

สี่สี

#B797BB

#BBA597

#9BBB97

#97ADBB

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

ต้นฉบับ

#B797BB

ตาบอดสีแดง

#A9A9B2

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

#ABADB0

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

#B5ABAA

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

#A0A0A0

การใช้งาน CSS

background-color: #B797BB;
color: #B797BB;
border-color: #B797BB;
Tailwind ที่ใกล้เคียงที่สุด: Zinc 400 #A1A1AA

เฉดสี Tailwind

50
#F8F6F9
100
#F0EAF0
200
#E1D4E3
300
#CCB5CF
400
#B08DB4
500
#94659A
600
#77517B
700
#5F4163
800
#4A324D
900
#38273A
950
#231924

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

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

2.57:1

AA Fail AAA Fail

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

8.16:1

AA Pass AAA Pass

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

#B797BB
#9BBB97
#B797BB
#FFFFFF
#000000
#B797BB

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

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

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

RGB(183, 151, 187) · HSL(293.3, 20.9%, 66.3%) · CMYK(2.1%, 19.3%, 0.0%, 26.7%)

Does #B797BB meet WCAG contrast on white?

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

What text color is readable on #B797BB?

Use 000000 text on a #B797BB background; contrast on black is 8.16:1.