#7286BD

#7286BD

Overview

#7286BD is a cool, light color. In RGB it is 114, 134, 189, in HSL 224.0°, 36.2%, 59.4%, and in CMYK 39.7%, 29.1%, 0.0%, 25.9%. The nearest named color is steelblue.

On this page

ค่าสี

HEX

#7286BD

RGB

114, 134, 189

HSL

224.0, 36.2%, 59.4%

HSV

224.0, 39.7%, 74.1%

CMYK

39.7%, 29.1%, 0.0%, 25.9%

OKLCH

0.6264 0.0866 268.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#7286BD

#BDA972

สีใกล้เคียง

#72ABBD

#8372BD

#7286BD

สามสี

#7286BD

#BD7286

#86BD72

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

#7286BD

#BD8372

#ABBD72

สี่สี

#7286BD

#BD72AB

#BDA972

#72BD83

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

ต้นฉบับ

#7286BD

ตาบอดสีแดง

#7B7BB0

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

#7A78AC

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

#73A5A3

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

#868686

การใช้งาน CSS

background-color: #7286BD;
color: #7286BD;
border-color: #7286BD;
Tailwind ที่ใกล้เคียงที่สุด: Sky 600 #0284C7

เฉดสี Tailwind

50
#F5F6FA
100
#E8EBF3
200
#CED5E8
300
#ACB7D8
400
#7E91C3
500
#516AAE
600
#41558B
700
#34446F
800
#293557
900
#212940
950
#151A29

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

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

3.58:1

AA Fail AAA Fail

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

5.86:1

AA Pass AAA Fail

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

#7286BD
#BDA972
#7286BD
#FFFFFF
#000000
#7286BD

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

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

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 #7286BD?

RGB(114, 134, 189) · HSL(224.0, 36.2%, 59.4%) · CMYK(39.7%, 29.1%, 0.0%, 25.9%)

Does #7286BD meet WCAG contrast on white?

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

What text color is readable on #7286BD?

Use 000000 text on a #7286BD background; contrast on black is 5.86:1.