#ABDADF

#ABDADF

Overview

#ABDADF is a cool, light color. In RGB it is 171, 218, 223, in HSL 185.8°, 44.8%, 77.3%, and in CMYK 23.3%, 2.2%, 0.0%, 12.5%. The nearest named color is powderblue.

On this page

ค่าสี

HEX

#ABDADF

RGB

171, 218, 223

HSL

185.8, 44.8%, 77.3%

HSV

185.8, 23.3%, 87.5%

CMYK

23.3%, 2.2%, 0.0%, 12.5%

OKLCH

0.857 0.0492 204.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#ABDADF

#DFB0AB

สีใกล้เคียง

#ABDFCA

#ABC0DF

#ABDADF

สามสี

#ABDADF

#DFABDA

#DADFAB

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

#ABDADF

#DFABC0

#DFCAAB

สี่สี

#ABDADF

#CAABDF

#DFB0AB

#C0DFAB

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

ต้นฉบับ

#ABDADF

ตาบอดสีแดง

#BFC0DE

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

#BDB9DE

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

#ADDDDD

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

#D0D0D0

การใช้งาน CSS

background-color: #ABDADF;
color: #ABDADF;
border-color: #ABDADF;
Tailwind ที่ใกล้เคียงที่สุด: Sky 200 #BAE6FD

เฉดสี Tailwind

50
#F4FAFA
100
#E6F3F4
200
#CBE8EB
300
#A6D8DD
400
#76C3CB
500
#46AEB9
600
#388B94
700
#2D6F76
800
#23575C
900
#1D4044
950
#12292B

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

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

1.52:1

AA Fail AAA Fail

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

13.83:1

AA Pass AAA Pass

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

#ABDADF
#DFB0AB
#ABDADF
#FFFFFF
#000000
#ABDADF

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

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

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

RGB(171, 218, 223) · HSL(185.8, 44.8%, 77.3%) · CMYK(23.3%, 2.2%, 0.0%, 12.5%)

Does #ABDADF meet WCAG contrast on white?

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

What text color is readable on #ABDADF?

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