#C4D2D7

#C4D2D7

Overview

#C4D2D7 is a cool, light color. In RGB it is 196, 210, 215, in HSL 195.8°, 19.2%, 80.6%, and in CMYK 8.8%, 2.3%, 0.0%, 15.7%. The nearest named color is azure 3.

On this page

ค่าสี

HEX

#C4D2D7

RGB

196, 210, 215

HSL

195.8, 19.2%, 80.6%

HSV

195.8, 8.8%, 84.3%

CMYK

8.8%, 2.3%, 0.0%, 15.7%

OKLCH

0.8546 0.0167 221.1

คุณสมบัติ

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

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

สีตรงข้าม

#C4D2D7

#D7C9C4

สีใกล้เคียง

#C4D7D3

#C4C9D7

#C4D2D7

สามสี

#C4D2D7

#D7C4D2

#D2D7C4

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

#C4D2D7

#D7C4C9

#D7D3C4

สี่สี

#C4D2D7

#D3C4D7

#D7C9C4

#C9D7C4

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

ต้นฉบับ

#C4D2D7

ตาบอดสีแดง

#CACAD6

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

#C9C8D6

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

#C5D5D5

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

#CFCFCF

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F8F9
100
#EAEFF0
200
#D4DFE2
300
#B6C7CE
400
#8FA9B3
500
#678B98
600
#526F7A
700
#425961
800
#34464C
900
#283439
950
#192124

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

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

1.55:1

AA Fail AAA Fail

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

13.55:1

AA Pass AAA Pass

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

#C4D2D7
#D7C9C4
#C4D2D7
#FFFFFF
#000000
#C4D2D7

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

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

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

RGB(196, 210, 215) · HSL(195.8, 19.2%, 80.6%) · CMYK(8.8%, 2.3%, 0.0%, 15.7%)

Does #C4D2D7 meet WCAG contrast on white?

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

What text color is readable on #C4D2D7?

Use 000000 text on a #C4D2D7 background; contrast on black is 13.55:1.