#7EB4C4

#7EB4C4

Overview

#7EB4C4 is a cool, light color. In RGB it is 126, 180, 196, in HSL 193.7°, 37.2%, 63.1%, and in CMYK 35.7%, 8.2%, 0.0%, 23.1%. The nearest named color is lightskyblue 3.

On this page

ค่าสี

HEX

#7EB4C4

RGB

126, 180, 196

HSL

193.7, 37.2%, 63.1%

HSV

193.7, 35.7%, 76.9%

CMYK

35.7%, 8.2%, 0.0%, 23.1%

OKLCH

0.7379 0.0609 218.2

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#7EB4C4

#C48E7E

สีใกล้เคียง

#7EC4B1

#7E91C4

#7EB4C4

สามสี

#7EB4C4

#C47EB4

#B4C47E

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

#7EB4C4

#C47E91

#C4B17E

สี่สี

#7EB4C4

#B17EC4

#C48E7E

#91C47E

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

ต้นฉบับ

#7EB4C4

ตาบอดสีแดง

#9596C0

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

#928EBF

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

#81BDBC

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

#AAAAAA

การใช้งาน CSS

background-color: #7EB4C4;
color: #7EB4C4;
border-color: #7EB4C4;
Tailwind ที่ใกล้เคียงที่สุด: Slate 400 #94A3B8

เฉดสี Tailwind

50
#F5F9FA
100
#E8F0F3
200
#CEE3E9
300
#ABCED9
400
#7EB4C4
500
#5099AF
600
#407B8C
700
#336270
800
#284D57
900
#203941
950
#142429

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

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

2.28:1

AA Fail AAA Fail

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

9.21:1

AA Pass AAA Pass

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

#7EB4C4
#C48E7E
#7EB4C4
#FFFFFF
#000000
#7EB4C4

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

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

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

RGB(126, 180, 196) · HSL(193.7, 37.2%, 63.1%) · CMYK(35.7%, 8.2%, 0.0%, 23.1%)

Does #7EB4C4 meet WCAG contrast on white?

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

What text color is readable on #7EB4C4?

Use 000000 text on a #7EB4C4 background; contrast on black is 9.21:1.