#1676CE

#1676CE

Overview

#1676CE is a cool, dark color. In RGB it is 22, 118, 206, in HSL 208.7°, 80.7%, 44.7%, and in CMYK 89.3%, 42.7%, 0.0%, 19.2%. The nearest named color is dodgerblue 3.

On this page

ค่าสี

HEX

#1676CE

RGB

22, 118, 206

HSL

208.7, 80.7%, 44.7%

HSV

208.7, 89.3%, 80.8%

CMYK

89.3%, 42.7%, 0.0%, 19.2%

OKLCH

0.5614 0.1588 252.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#1676CE

#CE6E16

สีใกล้เคียง

#16CECA

#161ACE

#1676CE

สามสี

#1676CE

#CE1676

#76CE16

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

#1676CE

#CE161A

#CECA16

สี่สี

#1676CE

#CA16CE

#CE6E16

#1ACE16

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

ต้นฉบับ

#1676CE

ตาบอดสีแดง

#4040B9

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

#3A33B4

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

#1BA8A4

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

#686868

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F2F8FD
100
#E1EEF9
200
#BEDDF8
300
#90C4F3
400
#55A4ED
500
#1984E6
600
#146AB8
700
#105493
800
#0C4273
900
#0D3254
950
#082035

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

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

4.65:1

AA Pass AAA Fail

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

4.52:1

AA Pass AAA Fail

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

#1676CE
#CE6E16
#1676CE
#FFFFFF
#000000
#1676CE

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

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

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 #1676CE?

RGB(22, 118, 206) · HSL(208.7, 80.7%, 44.7%) · CMYK(89.3%, 42.7%, 0.0%, 19.2%)

Does #1676CE meet WCAG contrast on white?

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

What text color is readable on #1676CE?

Use FFFFFF text on a #1676CE background; contrast on black is 4.52:1.