#ABC7CA

#ABC7CA

Overview

#ABC7CA is a cool, light color. In RGB it is 171, 199, 202, in HSL 185.8°, 22.6%, 73.1%, and in CMYK 15.3%, 1.5%, 0.0%, 20.8%. The nearest named color is lightcyan 3.

On this page

ค่าสี

HEX

#ABC7CA

RGB

171, 199, 202

HSL

185.8, 22.6%, 73.1%

HSV

185.8, 15.3%, 79.2%

CMYK

15.3%, 1.5%, 0.0%, 20.8%

OKLCH

0.8098 0.0305 204.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.

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

สีตรงข้าม

#ABC7CA

#CAAEAB

สีใกล้เคียง

#ABCABD

#ABB7CA

#ABC7CA

สามสี

#ABC7CA

#CAABC7

#C7CAAB

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

#ABC7CA

#CAABB7

#CABDAB

สี่สี

#ABC7CA

#BDABCA

#CAAEAB

#B7CAAB

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

ต้นฉบับ

#ABC7CA

ตาบอดสีแดง

#B7B7C9

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

#B6B3C9

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

#ACC9C9

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

#C1C1C1

การใช้งาน CSS

background-color: #ABC7CA;
color: #ABC7CA;
border-color: #ABC7CA;
Tailwind ที่ใกล้เคียงที่สุด: Slate 300 #CBD5E1

เฉดสี Tailwind

50
#F6F9F9
100
#EAF0F1
200
#D3E2E3
300
#B4CDD0
400
#8BB2B6
500
#63979C
600
#4F797D
700
#3F6064
800
#314B4E
900
#27383A
950
#182425

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

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

1.79:1

AA Fail AAA Fail

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

11.75:1

AA Pass AAA Pass

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

#ABC7CA
#CAAEAB
#ABC7CA
#FFFFFF
#000000
#ABC7CA

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #ABC7CA?

RGB(171, 199, 202) · HSL(185.8, 22.6%, 73.1%) · CMYK(15.3%, 1.5%, 0.0%, 20.8%)

Does #ABC7CA meet WCAG contrast on white?

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

What text color is readable on #ABC7CA?

Use 000000 text on a #ABC7CA background; contrast on black is 11.75:1.