#6CAAFD

#6CAAFD

Overview

#6CAAFD is a cool, light color. In RGB it is 108, 170, 253, in HSL 214.3°, 97.3%, 70.8%, and in CMYK 57.3%, 32.8%, 0.0%, 0.8%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#6CAAFD

RGB

108, 170, 253

HSL

214.3, 97.3%, 70.8%

HSV

214.3, 57.3%, 99.2%

CMYK

57.3%, 32.8%, 0.0%, 0.8%

OKLCH

0.7314 0.1374 256.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#6CAAFD

#FDBF6C

สีใกล้เคียง

#6CF3FD

#766CFD

#6CAAFD

สามสี

#6CAAFD

#FD6CAA

#AAFD6C

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

#6CAAFD

#FD766C

#F3FD6C

สี่สี

#6CAAFD

#FD6CF3

#FDBF6C

#6CFD76

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

ต้นฉบับ

#6CAAFD

ตาบอดสีแดง

#8787E9

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

#837FE4

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

#6FD9D6

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

#A3A3A3

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F1F6FE
100
#DEEBFC
200
#B9D6FE
300
#86B9FD
400
#4593FC
500
#036EFC
600
#0358C9
700
#0246A1
800
#02377E
900
#062A5B
950
#041B39

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

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

2.38:1

AA Fail AAA Fail

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

8.81:1

AA Pass AAA Pass

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

#6CAAFD
#FDBF6C
#6CAAFD
#FFFFFF
#000000
#6CAAFD

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

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

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

RGB(108, 170, 253) · HSL(214.3, 97.3%, 70.8%) · CMYK(57.3%, 32.8%, 0.0%, 0.8%)

Does #6CAAFD meet WCAG contrast on white?

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

What text color is readable on #6CAAFD?

Use 000000 text on a #6CAAFD background; contrast on black is 8.81:1.