#286F9E

#286F9E

Overview

#286F9E is a cool, dark color. In RGB it is 40, 111, 158, in HSL 203.9°, 59.6%, 38.8%, and in CMYK 74.7%, 29.7%, 0.0%, 38.0%. The nearest named color is steelblue 4.

On this page

ค่าสี

HEX

#286F9E

RGB

40, 111, 158

HSL

203.9, 59.6%, 38.8%

HSV

203.9, 74.7%, 62.0%

CMYK

74.7%, 29.7%, 0.0%, 38.0%

OKLCH

0.5198 0.1017 241.8

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#286F9E

#9E5728

สีใกล้เคียง

#289E92

#28349E

#286F9E

สามสี

#286F9E

#9E286F

#6F9E28

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

#286F9E

#9E2834

#9E9228

สี่สี

#286F9E

#92289E

#9E5728

#349E28

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

ต้นฉบับ

#286F9E

ตาบอดสีแดง

#474793

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

#433D90

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

#2C8A88

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

#636363

การใช้งาน CSS

background-color: #286F9E;
color: #286F9E;
border-color: #286F9E;
Tailwind ที่ใกล้เคียงที่สุด: Sky 700 #0369A1

เฉดสี Tailwind

50
#F3F8FB
100
#E4EFF6
200
#C6E0F1
300
#9DC9E6
400
#68ACD9
500
#348FCB
600
#2972A3
700
#215B82
800
#1A4766
900
#16364A
950
#0E222F

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

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

5.44:1

AA Pass AAA Fail

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

3.86:1

AA Fail AAA Fail

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

#286F9E
#9E5728
#286F9E
#FFFFFF
#000000
#286F9E

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

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

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 #286F9E?

RGB(40, 111, 158) · HSL(203.9, 59.6%, 38.8%) · CMYK(74.7%, 29.7%, 0.0%, 38.0%)

Does #286F9E meet WCAG contrast on white?

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

What text color is readable on #286F9E?

Use FFFFFF text on a #286F9E background; contrast on black is 3.86:1.