#BB97C2

#BB97C2

Overview

#BB97C2 is a cool, light color. In RGB it is 187, 151, 194, in HSL 290.2°, 26.1%, 67.6%, and in CMYK 3.6%, 22.2%, 0.0%, 23.9%. The nearest named color is plum 3.

On this page

ค่าสี

HEX

#BB97C2

RGB

187, 151, 194

HSL

290.2, 26.1%, 67.6%

HSV

290.2, 22.2%, 76.1%

CMYK

3.6%, 22.2%, 0.0%, 23.9%

OKLCH

0.7234 0.0731 320.8

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: plum 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.

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

สีตรงข้าม

#BB97C2

#9EC297

สีใกล้เคียง

#A597C2

#C297B3

#BB97C2

สามสี

#BB97C2

#C2BB97

#97C2BB

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

#BB97C2

#B3C297

#97C2A5

สี่สี

#BB97C2

#C2A597

#9EC297

#97B3C2

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

ต้นฉบับ

#BB97C2

ตาบอดสีแดง

#ABABB8

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

#AEB0B5

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

#B9AFAE

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

#A2A2A2

การใช้งาน CSS

background-color: #BB97C2;
color: #BB97C2;
border-color: #BB97C2;
Tailwind ที่ใกล้เคียงที่สุด: Violet 300 #C4B5FD

เฉดสี Tailwind

50
#F8F6F9
100
#F0E9F1
200
#E2D2E5
300
#CDB2D2
400
#B188B9
500
#965EA1
600
#784B81
700
#603C67
800
#4B2F50
900
#38253C
950
#231726

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

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

2.52:1

AA Fail AAA Fail

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

8.32:1

AA Pass AAA Pass

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

#BB97C2
#9EC297
#BB97C2
#FFFFFF
#000000
#BB97C2

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

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

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

RGB(187, 151, 194) · HSL(290.2, 26.1%, 67.6%) · CMYK(3.6%, 22.2%, 0.0%, 23.9%)

Does #BB97C2 meet WCAG contrast on white?

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

What text color is readable on #BB97C2?

Use 000000 text on a #BB97C2 background; contrast on black is 8.32:1.