#7ABDC1

#7ABDC1

Overview

#7ABDC1 is a cool, light color. In RGB it is 122, 189, 193, in HSL 183.4°, 36.4%, 61.8%, and in CMYK 36.8%, 2.1%, 0.0%, 24.3%. The nearest named color is NCS S 0530-B40G Aqua.

On this page

ค่าสี

HEX

#7ABDC1

RGB

122, 189, 193

HSL

183.4, 36.4%, 61.8%

HSV

183.4, 36.8%, 75.7%

CMYK

36.8%, 2.1%, 0.0%, 24.3%

OKLCH

0.7551 0.0681 200.6

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 0530-B40G Aqua

จิตวิทยาสี

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

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

สีตรงข้าม

#7ABDC1

#C17E7A

สีใกล้เคียง

#7AC1A2

#7A9AC1

#7ABDC1

สามสี

#7ABDC1

#C17ABD

#BDC17A

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

#7ABDC1

#C17A9A

#C1A27A

สี่สี

#7ABDC1

#A27AC1

#C17E7A

#9AC17A

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

ต้นฉบับ

#7ABDC1

ตาบอดสีแดง

#9798C0

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

#938EC0

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

#7DBFBF

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

#AFAFAF

การใช้งาน CSS

background-color: #7ABDC1;
color: #7ABDC1;
border-color: #7ABDC1;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 200 #A5F3FC

เฉดสี Tailwind

50
#F5F9FA
100
#E8F2F3
200
#CEE7E8
300
#ACD6D8
400
#7EBFC3
500
#51A9AE
600
#41878B
700
#346C6F
800
#295457
900
#213F40
950
#152729

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

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

2.13:1

AA Fail AAA Fail

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

9.88:1

AA Pass AAA Pass

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

#7ABDC1
#C17E7A
#7ABDC1
#FFFFFF
#000000
#7ABDC1

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

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

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

RGB(122, 189, 193) · HSL(183.4, 36.4%, 61.8%) · CMYK(36.8%, 2.1%, 0.0%, 24.3%)

Does #7ABDC1 meet WCAG contrast on white?

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

What text color is readable on #7ABDC1?

Use 000000 text on a #7ABDC1 background; contrast on black is 9.88:1.