#21AB93

#21AB93

Overview

#21AB93 is a cool, light color. In RGB it is 33, 171, 147, in HSL 169.6°, 67.6%, 40.0%, and in CMYK 80.7%, 0.0%, 14.0%, 32.9%. The nearest named color is Jungle Green.

On this page

ค่าสี

HEX

#21AB93

RGB

33, 171, 147

HSL

169.6, 67.6%, 40.0%

HSV

169.6, 80.7%, 67.1%

CMYK

80.7%, 0.0%, 14.0%, 32.9%

OKLCH

0.6661 0.1166 177.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#21AB93

#AB2139

สีใกล้เคียง

#21AB4E

#217EAB

#21AB93

สามสี

#21AB93

#9321AB

#AB9321

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

#21AB93

#AB217E

#AB4E21

สี่สี

#21AB93

#4E21AB

#AB2139

#7EAB21

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

ต้นฉบับ

#21AB93

ตาบอดสีแดง

#5D5E99

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

#554A9A

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

#289D9E

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

#8C8C8C

การใช้งาน CSS

background-color: #21AB93;
color: #21AB93;
border-color: #21AB93;
Tailwind ที่ใกล้เคียงที่สุด: Teal 500 #14B8A6

เฉดสี Tailwind

50
#F3FCFA
100
#E3F7F4
200
#C3F3EB
300
#98EBDD
400
#61E0CA
500
#29D6B8
600
#21AB93
700
#1A8976
800
#156B5C
900
#134E44
950
#0C312B

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

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

2.87:1

AA Fail AAA Fail

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

7.31:1

AA Pass AAA Pass

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

#21AB93
#AB2139
#21AB93
#FFFFFF
#000000
#21AB93

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

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

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 #21AB93?

RGB(33, 171, 147) · HSL(169.6, 67.6%, 40.0%) · CMYK(80.7%, 0.0%, 14.0%, 32.9%)

Does #21AB93 meet WCAG contrast on white?

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

What text color is readable on #21AB93?

Use 000000 text on a #21AB93 background; contrast on black is 7.31:1.