#836BA1

#836BA1

Overview

#836BA1 is a cool, light color. In RGB it is 131, 107, 161, in HSL 266.7°, 22.3%, 52.5%, and in CMYK 18.6%, 33.5%, 0.0%, 36.9%. The nearest named color is RAL 4011 Pearl Violet.

On this page

ค่าสี

HEX

#836BA1

RGB

131, 107, 161

HSL

266.7, 22.3%, 52.5%

HSV

266.7, 33.5%, 63.1%

CMYK

18.6%, 33.5%, 0.0%, 36.9%

OKLCH

0.5718 0.0855 304.2

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: RAL 4011 Pearl Violet

จิตวิทยาสี

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

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

สีตรงข้าม

#836BA1

#89A16B

สีใกล้เคียง

#6B6EA1

#9E6BA1

#836BA1

สามสี

#836BA1

#A1836B

#6BA183

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

#836BA1

#A19E6B

#6EA16B

สี่สี

#836BA1

#A16B6E

#89A16B

#6BA19E

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

ต้นฉบับ

#836BA1

ตาบอดสีแดง

#797894

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

#7A7C91

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

#828A87

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

#747474

การใช้งาน CSS

background-color: #836BA1;
color: #836BA1;
border-color: #836BA1;
Tailwind ที่ใกล้เคียงที่สุด: Slate 500 #64748B

เฉดสี Tailwind

50
#F7F6F9
100
#EDEAF1
200
#DAD3E3
300
#C0B4CF
400
#9E8CB6
500
#7C639C
600
#634F7D
700
#503F64
800
#3E324E
900
#2F273A
950
#1E1825

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

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

4.58:1

AA Pass AAA Fail

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

4.58:1

AA Pass AAA Fail

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

#836BA1
#89A16B
#836BA1
#FFFFFF
#000000
#836BA1

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

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

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 #836BA1?

RGB(131, 107, 161) · HSL(266.7, 22.3%, 52.5%) · CMYK(18.6%, 33.5%, 0.0%, 36.9%)

Does #836BA1 meet WCAG contrast on white?

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

What text color is readable on #836BA1?

Use 000000 text on a #836BA1 background; contrast on black is 4.58:1.