#283AAB

#283AAB

Overview

#283AAB is a cool, dark color. In RGB it is 40, 58, 171, in HSL 231.8°, 62.1%, 41.4%, and in CMYK 76.6%, 66.1%, 0.0%, 32.9%. The nearest named color is NCS S 2050-R70B Violet.

On this page

ค่าสี

HEX

#283AAB

RGB

40, 58, 171

HSL

231.8, 62.1%, 41.4%

HSV

231.8, 76.6%, 67.1%

CMYK

76.6%, 66.1%, 0.0%, 32.9%

OKLCH

0.4138 0.1801 269.4

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: NCS S 2050-R70B Violet

จิตวิทยาสี

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.

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

สีตรงข้าม

#283AAB

#AB9928

สีใกล้เคียง

#287BAB

#5828AB

#283AAB

สามสี

#283AAB

#AB283A

#3AAB28

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

#283AAB

#AB5828

#7BAB28

สี่สี

#283AAB

#AB287B

#AB9928

#28AB58

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

ต้นฉบับ

#283AAB

ตาบอดสีแดง

#303090

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

#2F2D89

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

#297A75

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

#3E3E3E

การใช้งาน CSS

background-color: #283AAB;
color: #283AAB;
border-color: #283AAB;
Tailwind ที่ใกล้เคียงที่สุด: Blue 800 #1E40AF

เฉดสี Tailwind

50
#F3F4FB
100
#E4E6F7
200
#C5CBF1
300
#9CA6E8
400
#6676DB
500
#3046CF
600
#2738A5
700
#1F2D84
800
#182367
900
#151D4C
950
#0D1230

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

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

9.2:1

AA Pass AAA Pass

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

2.28:1

AA Fail AAA Fail

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

#283AAB
#AB9928
#283AAB
#FFFFFF
#000000
#283AAB

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

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

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 #283AAB?

RGB(40, 58, 171) · HSL(231.8, 62.1%, 41.4%) · CMYK(76.6%, 66.1%, 0.0%, 32.9%)

Does #283AAB meet WCAG contrast on white?

9.2:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #283AAB?

Use FFFFFF text on a #283AAB background; contrast on black is 2.28:1.