#ABC5CA

#ABC5CA

Overview

#ABC5CA is a cool, light color. In RGB it is 171, 197, 202, in HSL 189.7°, 22.6%, 73.1%, and in CMYK 15.3%, 2.5%, 0.0%, 20.8%. The nearest named color is lightcyan 3.

On this page

ค่าสี

HEX

#ABC5CA

RGB

171, 197, 202

HSL

189.7, 22.6%, 73.1%

HSV

189.7, 15.3%, 79.2%

CMYK

15.3%, 2.5%, 0.0%, 20.8%

OKLCH

0.8056 0.029 210.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.

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

สีตรงข้าม

#ABC5CA

#CAB0AB

สีใกล้เคียง

#ABCABF

#ABB5CA

#ABC5CA

สามสี

#ABC5CA

#CAABC5

#C5CAAB

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

#ABC5CA

#CAABB5

#CABFAB

สี่สี

#ABC5CA

#BFABCA

#CAB0AB

#B5CAAB

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

ต้นฉบับ

#ABC5CA

ตาบอดสีแดง

#B6B6C9

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

#B5B3C8

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

#ACC8C8

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

#C0C0C0

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F8F9
100
#EAEFF1
200
#D3E1E3
300
#B4CBD0
400
#8BAFB6
500
#63939C
600
#4F767D
700
#3F5E64
800
#31494E
900
#27373A
950
#182325

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

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

1.81:1

AA Fail AAA Fail

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

11.57:1

AA Pass AAA Pass

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

#ABC5CA
#CAB0AB
#ABC5CA
#FFFFFF
#000000
#ABC5CA

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

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

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

RGB(171, 197, 202) · HSL(189.7, 22.6%, 73.1%) · CMYK(15.3%, 2.5%, 0.0%, 20.8%)

Does #ABC5CA meet WCAG contrast on white?

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

What text color is readable on #ABC5CA?

Use 000000 text on a #ABC5CA background; contrast on black is 11.57:1.