#356BBD

#356BBD

Overview

#356BBD is a cool, dark color. In RGB it is 53, 107, 189, in HSL 216.2°, 56.2%, 47.5%, and in CMYK 72.0%, 43.4%, 0.0%, 25.9%. The nearest named color is Denim.

On this page

ค่าสี

HEX

#356BBD

RGB

53, 107, 189

HSL

216.2, 56.2%, 47.5%

HSV

216.2, 72.0%, 74.1%

CMYK

72.0%, 43.4%, 0.0%, 25.9%

OKLCH

0.5337 0.141 258.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#356BBD

#BD8735

สีใกล้เคียง

#35AFBD

#4335BD

#356BBD

สามสี

#356BBD

#BD356B

#6BBD35

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

#356BBD

#BD4335

#AFBD35

สี่สี

#356BBD

#BD35AF

#BD8735

#35BD43

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

ต้นฉบับ

#356BBD

ตาบอดสีแดง

#4C4DA9

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

#4945A4

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

#389996

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

#656565

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#9FBBE4
400
#6C96D6
500
#3871C7
600
#2D5A9F
700
#24487F
800
#1C3864
900
#182B49
950
#0F1B2E

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

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

5.26:1

AA Pass AAA Fail

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

3.99:1

AA Fail AAA Fail

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

#356BBD
#BD8735
#356BBD
#FFFFFF
#000000
#356BBD

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

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

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 #356BBD?

RGB(53, 107, 189) · HSL(216.2, 56.2%, 47.5%) · CMYK(72.0%, 43.4%, 0.0%, 25.9%)

Does #356BBD meet WCAG contrast on white?

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

What text color is readable on #356BBD?

Use FFFFFF text on a #356BBD background; contrast on black is 3.99:1.