#BAD4D0

#BAD4D0

Overview

#BAD4D0 is a cool, light color. In RGB it is 186, 212, 208, in HSL 170.8°, 23.2%, 78.0%, and in CMYK 12.3%, 0.0%, 1.9%, 16.9%. The nearest named color is lightcyan 3.

On this page

ค่าสี

HEX

#BAD4D0

RGB

186, 212, 208

HSL

170.8, 23.2%, 78.0%

HSV

170.8, 12.3%, 83.1%

CMYK

12.3%, 0.0%, 1.9%, 16.9%

OKLCH

0.8495 0.0284 185.5

คุณสมบัติ

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

จิตวิทยาสี

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

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

สีตรงข้าม

#BAD4D0

#D4BABE

สีใกล้เคียง

#BAD4C3

#BACBD4

#BAD4D0

สามสี

#BAD4D0

#D0BAD4

#D4D0BA

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

#BAD4D0

#D4BACB

#D4C3BA

สี่สี

#BAD4D0

#C3BAD4

#D4BABE

#CBD4BA

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

ต้นฉบับ

#BAD4D0

ตาบอดสีแดง

#C5C5D1

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

#C4C2D1

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

#BBD2D2

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

#CECECE

การใช้งาน CSS

background-color: #BAD4D0;

color: #BAD4D0;

border-color: #BAD4D0;

Tailwind ที่ใกล้เคียงที่สุด: Neutral 300 #D4D4D4

เฉดสี Tailwind

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

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

1.57:1

AA Fail AAA Fail

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

13.42:1

AA Pass AAA Pass

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

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

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

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

RGB(186, 212, 208) · HSL(170.8, 23.2%, 78.0%) · CMYK(12.3%, 0.0%, 1.9%, 16.9%)

Does #BAD4D0 meet WCAG contrast on white?

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

What text color is readable on #BAD4D0?

Use 000000 text on a #BAD4D0 background; contrast on black is 13.42:1.