#3F8ADF

#3F8ADF

Overview

#3F8ADF is a cool, light color. In RGB it is 63, 138, 223, in HSL 211.9°, 71.4%, 56.1%, and in CMYK 71.7%, 38.1%, 0.0%, 12.5%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#3F8ADF

RGB

63, 138, 223

HSL

211.9, 71.4%, 56.1%

HSV

211.9, 71.7%, 87.5%

CMYK

71.7%, 38.1%, 0.0%, 12.5%

OKLCH

0.627 0.1485 253.6

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: cornflowerblue

จิตวิทยาสี

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.

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

สีตรงข้าม

#3F8ADF

#DF943F

สีใกล้เคียง

#3FDADF

#443FDF

#3F8ADF

สามสี

#3F8ADF

#DF3F8A

#8ADF3F

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

#3F8ADF

#DF443F

#DADF3F

สี่สี

#3F8ADF

#DF3FDA

#DF943F

#3FDF44

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

ต้นฉบับ

#3F8ADF

ตาบอดสีแดง

#5F60CA

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

#5B56C6

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

#43BAB7

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

#808080

การใช้งาน CSS

background-color: #3F8ADF;
color: #3F8ADF;
border-color: #3F8ADF;
Tailwind ที่ใกล้เคียงที่สุด: Blue 400 #60A5FA

เฉดสี Tailwind

50
#F3F7FC
100
#E2ECF8
200
#C2DAF5
300
#96BFED
400
#5D9CE4
500
#247ADB
600
#1D61AF
700
#174E8C
800
#123D6D
900
#112E50
950
#0B1D32

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

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

3.55:1

AA Fail AAA Fail

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

5.91:1

AA Pass AAA Fail

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

#3F8ADF
#DF943F
#3F8ADF
#FFFFFF
#000000
#3F8ADF

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

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

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 #3F8ADF?

RGB(63, 138, 223) · HSL(211.9, 71.4%, 56.1%) · CMYK(71.7%, 38.1%, 0.0%, 12.5%)

Does #3F8ADF meet WCAG contrast on white?

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

What text color is readable on #3F8ADF?

Use 000000 text on a #3F8ADF background; contrast on black is 5.91:1.