#2F307B

#2F307B

Overview

#2F307B is a cool, dark color. In RGB it is 47, 48, 123, in HSL 239.2°, 44.7%, 33.3%, and in CMYK 61.8%, 61.0%, 0.0%, 51.8%. The nearest named color is slateblue 4.

On this page

ค่าสี

HEX

#2F307B

RGB

47, 48, 123

HSL

239.2, 44.7%, 33.3%

HSV

239.2, 61.8%, 48.2%

CMYK

61.8%, 61.0%, 0.0%, 51.8%

OKLCH

0.3558 0.1245 277.4

คุณสมบัติ

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

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

สีตรงข้าม

#2F307B

#7B7A2F

สีใกล้เคียง

#2F567B

#542F7B

#2F307B

สามสี

#2F307B

#7B2F30

#307B2F

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

#2F307B

#7B542F

#567B2F

สี่สี

#2F307B

#7B2F56

#7B7A2F

#2F7B54

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

ต้นฉบับ

#2F307B

ตาบอดสีแดง

#2F2F69

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

#2F2F64

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

#2F5B57

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

#353535

การใช้งาน CSS

background-color: #2F307B;
color: #2F307B;
border-color: #2F307B;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 900 #312E81

เฉดสี Tailwind

50
#F4F5FA
100
#E6E7F4
200
#CBCCEB
300
#A6A7DD
400
#7678CB
500
#4748B8
600
#383A94
700
#2D2E76
800
#23245C
900
#1D1D44
950
#12132B

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

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

11.48:1

AA Pass AAA Pass

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

1.83:1

AA Fail AAA Fail

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

#2F307B
#7B7A2F
#2F307B
#FFFFFF
#000000
#2F307B

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

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

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

RGB(47, 48, 123) · HSL(239.2, 44.7%, 33.3%) · CMYK(61.8%, 61.0%, 0.0%, 51.8%)

Does #2F307B meet WCAG contrast on white?

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

What text color is readable on #2F307B?

Use FFFFFF text on a #2F307B background; contrast on black is 1.83:1.