#14CEB2

#14CEB2

Overview

#14CEB2 is a cool, light color. In RGB it is 20, 206, 178, in HSL 171.0°, 82.3%, 44.3%, and in CMYK 90.3%, 0.0%, 13.6%, 19.2%. The nearest named color is Shamrock.

On this page

ค่าสี

HEX

#14CEB2

RGB

20, 206, 178

HSL

171.0, 82.3%, 44.3%

HSV

171.0, 90.3%, 80.8%

CMYK

90.3%, 0.0%, 13.6%, 19.2%

OKLCH

0.7629 0.138 178.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#14CEB2

#CE1430

สีใกล้เคียง

#14CE55

#148DCE

#14CEB2

สามสี

#14CEB2

#B214CE

#CEB214

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

#14CEB2

#CE148D

#CE5514

สี่สี

#14CEB2

#5514CE

#CE1430

#8DCE14

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

ต้นฉบับ

#14CEB2

ตาบอดสีแดง

#6566B9

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

#5A4CBA

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

#1DBEBF

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

#A4A4A4

การใช้งาน CSS

background-color: #14CEB2;
color: #14CEB2;
border-color: #14CEB2;
Tailwind ที่ใกล้เคียงที่สุด: Teal 400 #2DD4BF

เฉดสี Tailwind

50
#F2FDFB
100
#E1FAF6
200
#BEF9F0
300
#8FF4E5
400
#53EED7
500
#17E8C9
600
#12BAA1
700
#0E9581
800
#0B7464
900
#0D544A
950
#08352E

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

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

2.0:1

AA Fail AAA Fail

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

10.5:1

AA Pass AAA Pass

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

#14CEB2
#CE1430
#14CEB2
#FFFFFF
#000000
#14CEB2

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

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

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 #14CEB2?

RGB(20, 206, 178) · HSL(171.0, 82.3%, 44.3%) · CMYK(90.3%, 0.0%, 13.6%, 19.2%)

Does #14CEB2 meet WCAG contrast on white?

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

What text color is readable on #14CEB2?

Use 000000 text on a #14CEB2 background; contrast on black is 10.5:1.