#9CADFF

#9CADFF

Overview

#9CADFF is a cool, light color. In RGB it is 156, 173, 255, in HSL 229.7°, 100.0%, 80.6%, and in CMYK 38.8%, 32.2%, 0.0%, 0.0%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#9CADFF

RGB

156, 173, 255

HSL

229.7, 100.0%, 80.6%

HSV

229.7, 38.8%, 100.0%

CMYK

38.8%, 32.2%, 0.0%, 0.0%

OKLCH

0.7666 0.1193 274.3

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#9CADFF

#FFEE9C

สีใกล้เคียง

#9CDFFF

#BD9CFF

#9CADFF

สามสี

#9CADFF

#FF9CAD

#ADFF9C

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

#9CADFF

#FFBD9C

#DFFF9C

สี่สี

#9CADFF

#FF9CDF

#FFEE9C

#9CFFBD

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

ต้นฉบับ

#9CADFF

ตาบอดสีแดง

#A3A4EB

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

#A2A1E6

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

#9DDBD8

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

#AFAFAF

การใช้งาน CSS

background-color: #9CADFF;
color: #9CADFF;
border-color: #9CADFF;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 300 #A5B4FC

เฉดสี Tailwind

50
#F1F3FE
100
#DEE3FC
200
#B8C4FF
300
#859AFF
400
#4263FF
500
#002CFF
600
#0023CC
700
#001CA3
800
#001680
900
#05145C
950
#030D3A

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

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

2.14:1

AA Fail AAA Fail

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

9.84:1

AA Pass AAA Pass

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

#9CADFF
#FFEE9C
#9CADFF
#FFFFFF
#000000
#9CADFF

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

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

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 #9CADFF?

RGB(156, 173, 255) · HSL(229.7, 100.0%, 80.6%) · CMYK(38.8%, 32.2%, 0.0%, 0.0%)

Does #9CADFF meet WCAG contrast on white?

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

What text color is readable on #9CADFF?

Use 000000 text on a #9CADFF background; contrast on black is 9.84:1.