#536690

#536690

Overview

#536690 is a cool, dark color. In RGB it is 83, 102, 144, in HSL 221.3°, 26.9%, 44.5%, and in CMYK 42.4%, 29.2%, 0.0%, 43.5%. The nearest named color is RAL 5023 Distant Blue.

On this page

ค่าสี

HEX

#536690

RGB

83, 102, 144

HSL

221.3, 26.9%, 44.5%

HSV

221.3, 42.4%, 56.5%

CMYK

42.4%, 29.2%, 0.0%, 43.5%

OKLCH

0.5125 0.0709 265.3

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 5023 Distant Blue

จิตวิทยาสี

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.

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

สีตรงข้าม

#536690

#907D53

สีใกล้เคียง

#538590

#5E5390

#536690

สามสี

#536690

#905366

#669053

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

#536690

#905E53

#859053

สี่สี

#536690

#905385

#907D53

#53905E

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

ต้นฉบับ

#536690

ตาบอดสีแดง

#5B5B86

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

#5A5983

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

#547E7C

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

#656565

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F7F9
100
#E9ECF1
200
#D2D8E5
300
#B1BCD2
400
#8797BA
500
#5D73A2
600
#4B5C81
700
#3C4968
800
#2F3951
900
#252C3C
950
#171C26

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

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

5.72:1

AA Pass AAA Fail

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

3.67:1

AA Fail AAA Fail

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

#536690
#907D53
#536690
#FFFFFF
#000000
#536690

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

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

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 #536690?

RGB(83, 102, 144) · HSL(221.3, 26.9%, 44.5%) · CMYK(42.4%, 29.2%, 0.0%, 43.5%)

Does #536690 meet WCAG contrast on white?

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

What text color is readable on #536690?

Use FFFFFF text on a #536690 background; contrast on black is 3.67:1.