#62CBF7

#62CBF7

Overview

#62CBF7 is a cool, light color. In RGB it is 98, 203, 247, in HSL 197.7°, 90.3%, 67.6%, and in CMYK 60.3%, 17.8%, 0.0%, 3.1%. The nearest named color is lightskyblue.

On this page

ค่าสี

HEX

#62CBF7

RGB

98, 203, 247

HSL

197.7, 90.3%, 67.6%

HSV

197.7, 60.3%, 96.9%

CMYK

60.3%, 17.8%, 0.0%, 3.1%

OKLCH

0.7969 0.115 228.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#62CBF7

#F78E62

สีใกล้เคียง

#62F7D8

#6280F7

#62CBF7

สามสี

#62CBF7

#F762CB

#CBF762

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

#62CBF7

#F76280

#F7D862

สี่สี

#62CBF7

#D862F7

#F78E62

#80F762

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

ต้นฉบับ

#62CBF7

ตาบอดสีแดง

#8F90EC

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

#8982EA

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

#67E4E2

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

#B8B8B8

การใช้งาน CSS

background-color: #62CBF7;
color: #62CBF7;
border-color: #62CBF7;
Tailwind ที่ใกล้เคียงที่สุด: Sky 300 #7DD3FC

เฉดสี Tailwind

50
#F1FAFD
100
#DFF3FB
200
#BBE9FC
300
#8BD8F9
400
#4BC4F6
500
#0CAFF3
600
#0A8CC2
700
#08709B
800
#065779
900
#094158
950
#062937

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

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

1.84:1

AA Fail AAA Fail

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

11.4:1

AA Pass AAA Pass

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

#62CBF7
#F78E62
#62CBF7
#FFFFFF
#000000
#62CBF7

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #62CBF7?

RGB(98, 203, 247) · HSL(197.7, 90.3%, 67.6%) · CMYK(60.3%, 17.8%, 0.0%, 3.1%)

Does #62CBF7 meet WCAG contrast on white?

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

What text color is readable on #62CBF7?

Use 000000 text on a #62CBF7 background; contrast on black is 11.4:1.