#ABD6CD

#ABD6CD

Overview

#ABD6CD is a cool, light color. In RGB it is 171, 214, 205, in HSL 167.4°, 34.4%, 75.5%, and in CMYK 20.1%, 0.0%, 4.2%, 16.1%. The nearest named color is paleturquoise 3.

On this page

ค่าสี

HEX

#ABD6CD

RGB

171, 214, 205

HSL

167.4, 34.4%, 75.5%

HSV

167.4, 20.1%, 83.9%

CMYK

20.1%, 0.0%, 4.2%, 16.1%

OKLCH

0.8429 0.0468 180.9

คุณสมบัติ

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

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

สีตรงข้าม

#ABD6CD

#D6ABB4

สีใกล้เคียง

#ABD6B7

#ABCAD6

#ABD6CD

สามสี

#ABD6CD

#CDABD6

#D6CDAB

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

#ABD6CD

#D6ABCA

#D6B7AB

สี่สี

#ABD6CD

#B7ABD6

#D6ABB4

#CAD6AB

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

ต้นฉบับ

#ABD6CD

ตาบอดสีแดง

#BEBECF

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

#BBB8D0

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

#ADD1D1

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

#CCCCCC

การใช้งาน CSS

background-color: #ABD6CD;
color: #ABD6CD;
border-color: #ABD6CD;
Tailwind ที่ใกล้เคียงที่สุด: Teal 100 #CCFBF1

เฉดสี Tailwind

50
#F5FAF9
100
#E8F2F0
200
#CFE8E2
300
#ADD7CE
400
#80C1B3
500
#54AB99
600
#43897A
700
#366E62
800
#2A564C
900
#213F39
950
#152824

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

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

1.59:1

AA Fail AAA Fail

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

13.23:1

AA Pass AAA Pass

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

#ABD6CD
#D6ABB4
#ABD6CD
#FFFFFF
#000000
#ABD6CD

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

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

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

RGB(171, 214, 205) · HSL(167.4, 34.4%, 75.5%) · CMYK(20.1%, 0.0%, 4.2%, 16.1%)

Does #ABD6CD meet WCAG contrast on white?

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

What text color is readable on #ABD6CD?

Use 000000 text on a #ABD6CD background; contrast on black is 13.23:1.