#7151BF

#7151BF

Overview

#7151BF is a cool, dark color. In RGB it is 113, 81, 191, in HSL 257.5°, 46.2%, 53.3%, and in CMYK 40.8%, 57.6%, 0.0%, 25.1%. The nearest named color is slateblue.

On this page

ค่าสี

HEX

#7151BF

RGB

113, 81, 191

HSL

257.5, 46.2%, 53.3%

HSV

257.5, 57.6%, 74.9%

CMYK

40.8%, 57.6%, 0.0%, 25.1%

OKLCH

0.5249 0.1654 293.3

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: slateblue

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

สีตรงข้าม

#7151BF

#9FBF51

สีใกล้เคียง

#5168BF

#A851BF

#7151BF

สามสี

#7151BF

#BF7151

#51BF71

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

#7151BF

#BFA851

#68BF51

สี่สี

#7151BF

#BF5168

#9FBF51

#51BFA8

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

ต้นฉบับ

#7151BF

ตาบอดสีแดง

#6363A4

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

#65679E

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

#6F8F8B

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

#606060

การใช้งาน CSS

background-color: #7151BF;
color: #7151BF;
border-color: #7151BF;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 800 #3730A3

เฉดสี Tailwind

50
#F6F4FA
100
#EAE6F4
200
#D4CBEC
300
#B6A6DE
400
#8E75CC
500
#6745BA
600
#523795
700
#422C77
800
#33225D
900
#281C45
950
#19122B

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

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

5.78:1

AA Pass AAA Fail

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

3.63:1

AA Fail AAA Fail

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

#7151BF
#9FBF51
#7151BF
#FFFFFF
#000000
#7151BF

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

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

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 #7151BF?

RGB(113, 81, 191) · HSL(257.5, 46.2%, 53.3%) · CMYK(40.8%, 57.6%, 0.0%, 25.1%)

Does #7151BF meet WCAG contrast on white?

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

What text color is readable on #7151BF?

Use FFFFFF text on a #7151BF background; contrast on black is 3.63:1.