#1BAC97

#1BAC97

Overview

#1BAC97 is a cool, light color. In RGB it is 27, 172, 151, in HSL 171.3°, 72.9%, 39.0%, and in CMYK 84.3%, 0.0%, 12.2%, 32.5%. The nearest named color is Jungle Green.

On this page

ค่าสี

HEX

#1BAC97

RGB

27, 172, 151

HSL

171.3, 72.9%, 39.0%

HSV

171.3, 84.3%, 67.5%

CMYK

84.3%, 0.0%, 12.2%, 32.5%

OKLCH

0.6691 0.1171 179.5

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#1BAC97

#AC1B30

สีใกล้เคียง

#1BAC4E

#1B78AC

#1BAC97

สามสี

#1BAC97

#971BAC

#AC971B

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

#1BAC97

#AC1B78

#AC4E1B

สี่สี

#1BAC97

#4E1BAC

#AC1B30

#78AC1B

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

ต้นฉบับ

#1BAC97

ตาบอดสีแดง

#5A5B9C

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

#51469D

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

#22A0A1

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

#8C8C8C

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F3FCFB
100
#E2F8F5
200
#C1F5EE
300
#95EEE1
400
#5CE5D1
500
#23DCC1
600
#1CB09B
700
#168D7C
800
#116E61
900
#115047
950
#0B332D

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

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

2.84:1

AA Fail AAA Fail

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

7.39:1

AA Pass AAA Pass

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

#1BAC97
#AC1B30
#1BAC97
#FFFFFF
#000000
#1BAC97

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

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

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 #1BAC97?

RGB(27, 172, 151) · HSL(171.3, 72.9%, 39.0%) · CMYK(84.3%, 0.0%, 12.2%, 32.5%)

Does #1BAC97 meet WCAG contrast on white?

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

What text color is readable on #1BAC97?

Use 000000 text on a #1BAC97 background; contrast on black is 7.39:1.