#2F477D

#2F477D

Overview

#2F477D is a cool, dark color. In RGB it is 47, 71, 125, in HSL 221.5°, 45.3%, 33.7%, and in CMYK 62.4%, 43.2%, 0.0%, 51.0%. The nearest named color is dodgerblue 4.

On this page

ค่าสี

HEX

#2F477D

RGB

47, 71, 125

HSL

221.5, 45.3%, 33.7%

HSV

221.5, 62.4%, 49.0%

CMYK

62.4%, 43.2%, 0.0%, 51.0%

OKLCH

0.4069 0.0956 264.5

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: dodgerblue 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.

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

สีตรงข้าม

#2F477D

#7D652F

สีใกล้เคียง

#2F6E7D

#3E2F7D

#2F477D

สามสี

#2F477D

#7D2F47

#477D2F

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

#2F477D

#7D3E2F

#6E7D2F

สี่สี

#2F477D

#7D2F6E

#7D652F

#2F7D3E

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

ต้นฉบับ

#2F477D

ตาบอดสีแดง

#393A70

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

#38366D

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

#306663

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

#464646

การใช้งาน CSS

background-color: #2F477D;
color: #2F477D;
border-color: #2F477D;
Tailwind ที่ใกล้เคียงที่สุด: Sky 800 #075985

เฉดสี Tailwind

50
#F4F6FA
100
#E6EBF4
200
#CBD5EB
300
#A6B7DE
400
#7690CB
500
#4669B9
600
#385494
700
#2D4377
800
#23355D
900
#1D2944
950
#121A2B

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

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

9.06:1

AA Pass AAA Pass

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

2.32:1

AA Fail AAA Fail

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

#2F477D
#7D652F
#2F477D
#FFFFFF
#000000
#2F477D

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

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

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 #2F477D?

RGB(47, 71, 125) · HSL(221.5, 45.3%, 33.7%) · CMYK(62.4%, 43.2%, 0.0%, 51.0%)

Does #2F477D meet WCAG contrast on white?

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

What text color is readable on #2F477D?

Use FFFFFF text on a #2F477D background; contrast on black is 2.32:1.