#62B7FD

#62B7FD

Overview

#62B7FD is a cool, light color. In RGB it is 98, 183, 253, in HSL 207.1°, 97.5%, 68.8%, and in CMYK 61.3%, 27.7%, 0.0%, 0.8%. The nearest named color is steelblue 1.

On this page

ค่าสี

HEX

#62B7FD

RGB

98, 183, 253

HSL

207.1, 97.5%, 68.8%

HSV

207.1, 61.3%, 99.2%

CMYK

61.3%, 27.7%, 0.0%, 0.8%

OKLCH

0.7551 0.1308 245.6

คุณสมบัติ

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

จิตวิทยาสี

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

สีตรงข้าม

#62B7FD

#FDA862

สีใกล้เคียง

#62FDF6

#6269FD

#62B7FD

สามสี

#62B7FD

#FD62B7

#B7FD62

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

#62B7FD

#FD6269

#FDF662

สี่สี

#62B7FD

#F662FD

#FDA862

#69FD62

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

ต้นฉบับ

#62B7FD

ตาบอดสีแดง

#8788EC

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

#827CE8

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

#66DFDC

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

#AAAAAA

การใช้งาน CSS

background-color: #62B7FD;
color: #62B7FD;
border-color: #62B7FD;
Tailwind ที่ใกล้เคียงที่สุด: Sky 500 #0EA5E9

เฉดสี Tailwind

50
#F1F8FE
100
#DEEFFC
200
#B8DFFE
300
#86C8FD
400
#45AAFD
500
#038CFC
600
#0370C9
700
#0259A1
800
#02467E
900
#06355B
950
#042139

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

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

2.16:1

AA Fail AAA Fail

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

9.71:1

AA Pass AAA Pass

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

#62B7FD
#FDA862
#62B7FD
#FFFFFF
#000000
#62B7FD

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

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

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 #62B7FD?

RGB(98, 183, 253) · HSL(207.1, 97.5%, 68.8%) · CMYK(61.3%, 27.7%, 0.0%, 0.8%)

Does #62B7FD meet WCAG contrast on white?

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

What text color is readable on #62B7FD?

Use 000000 text on a #62B7FD background; contrast on black is 9.71:1.