#6CB2F0

#6CB2F0

Overview

#6CB2F0 is a cool, light color. In RGB it is 108, 178, 240, in HSL 208.2°, 81.5%, 68.2%, and in CMYK 55.0%, 25.8%, 0.0%, 5.9%. The nearest named color is steelblue 2.

On this page

ค่าสี

HEX

#6CB2F0

RGB

108, 178, 240

HSL

208.2, 81.5%, 68.2%

HSV

208.2, 55.0%, 94.1%

CMYK

55.0%, 25.8%, 0.0%, 5.9%

OKLCH

0.7423 0.1148 246.8

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#6CB2F0

#F0AA6C

สีใกล้เคียง

#6CF0EC

#6C70F0

#6CB2F0

สามสี

#6CB2F0

#F06CB2

#B2F06C

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

#6CB2F0

#F06C70

#F0EC6C

สี่สี

#6CB2F0

#EC6CF0

#F0AA6C

#70F06C

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

ต้นฉบับ

#6CB2F0

ตาบอดสีแดง

#8A8BE1

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

#8681DD

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

#70D5D3

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

#A8A8A8

การใช้งาน CSS

background-color: #6CB2F0;
color: #6CB2F0;
border-color: #6CB2F0;
Tailwind ที่ใกล้เคียงที่สุด: Blue 300 #93C5FD

เฉดสี Tailwind

50
#F2F8FD
100
#E1EEFA
200
#BEDDF8
300
#90C5F4
400
#54A5EE
500
#1886E7
600
#136BB9
700
#0F5694
800
#0C4374
900
#0D3354
950
#082035

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

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

2.27:1

AA Fail AAA Fail

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

9.26:1

AA Pass AAA Pass

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

#6CB2F0
#F0AA6C
#6CB2F0
#FFFFFF
#000000
#6CB2F0

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

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

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 #6CB2F0?

RGB(108, 178, 240) · HSL(208.2, 81.5%, 68.2%) · CMYK(55.0%, 25.8%, 0.0%, 5.9%)

Does #6CB2F0 meet WCAG contrast on white?

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

What text color is readable on #6CB2F0?

Use 000000 text on a #6CB2F0 background; contrast on black is 9.26:1.