#CAD3D9

#CAD3D9

Overview

#CAD3D9 is a cool, light color. In RGB it is 202, 211, 217, in HSL 204.0°, 16.5%, 82.2%, and in CMYK 6.9%, 2.8%, 0.0%, 14.9%. The nearest named color is azure 3.

On this page

ค่าสี

HEX

#CAD3D9

RGB

202, 211, 217

HSL

204.0, 16.5%, 82.2%

HSV

204.0, 6.9%, 85.1%

CMYK

6.9%, 2.8%, 0.0%, 14.9%

OKLCH

0.8617 0.0129 236.7

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#CAD3D9

#D9D0CA

สีใกล้เคียง

#CAD9D8

#CACCD9

#CAD3D9

สามสี

#CAD3D9

#D9CAD3

#D3D9CA

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

#CAD3D9

#D9CACC

#D9D8CA

สี่สี

#CAD3D9

#D8CAD9

#D9D0CA

#CCD9CA

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

ต้นฉบับ

#CAD3D9

ตาบอดสีแดง

#CECED8

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

#CDCDD7

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

#CAD6D6

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

#D2D2D2

การใช้งาน CSS

background-color: #CAD3D9;
color: #CAD3D9;
border-color: #CAD3D9;
Tailwind ที่ใกล้เคียงที่สุด: Gray 300 #D1D5DB

เฉดสี Tailwind

50
#F6F8F8
100
#EBEEF0
200
#D5DCE1
300
#B8C4CC
400
#91A4B0
500
#6A8495
600
#556977
700
#44545F
800
#35424A
900
#293238
950
#1A2023

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

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

1.52:1

AA Fail AAA Fail

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

13.83:1

AA Pass AAA Pass

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

#CAD3D9
#D9D0CA
#CAD3D9
#FFFFFF
#000000
#CAD3D9

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

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

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 #CAD3D9?

RGB(202, 211, 217) · HSL(204.0, 16.5%, 82.2%) · CMYK(6.9%, 2.8%, 0.0%, 14.9%)

Does #CAD3D9 meet WCAG contrast on white?

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

What text color is readable on #CAD3D9?

Use 000000 text on a #CAD3D9 background; contrast on black is 13.83:1.