#31BC9C

#31BC9C

Overview

#31BC9C is a cool, light color. In RGB it is 49, 188, 156, in HSL 166.2°, 58.6%, 46.5%, and in CMYK 73.9%, 0.0%, 17.0%, 26.3%. The nearest named color is Jungle Green.

On this page

ค่าสี

HEX

#31BC9C

RGB

49, 188, 156

HSL

166.2, 58.6%, 46.5%

HSV

166.2, 73.9%, 73.7%

CMYK

73.9%, 0.0%, 17.0%, 26.3%

OKLCH

0.715 0.1248 173.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.

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

สีตรงข้าม

#31BC9C

#BC3151

สีใกล้เคียง

#31BC57

#3197BC

#31BC9C

สามสี

#31BC9C

#9C31BC

#BC9C31

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

#31BC9C

#BC3197

#BC5731

สี่สี

#31BC9C

#5731BC

#BC3151

#97BC31

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

ต้นฉบับ

#31BC9C

ตาบอดสีแดง

#6D6EA4

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

#655BA6

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

#38AAAB

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

#9C9C9C

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F4FBF9
100
#E4F6F2
200
#C6F0E7
300
#9EE6D5
400
#69D8BF
500
#35CAA8
600
#2AA286
700
#22816B
800
#1A6554
900
#174A3E
950
#0E2F27

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

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

2.39:1

AA Fail AAA Fail

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

8.8:1

AA Pass AAA Pass

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

#31BC9C
#BC3151
#31BC9C
#FFFFFF
#000000
#31BC9C

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

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

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 #31BC9C?

RGB(49, 188, 156) · HSL(166.2, 58.6%, 46.5%) · CMYK(73.9%, 0.0%, 17.0%, 26.3%)

Does #31BC9C meet WCAG contrast on white?

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

What text color is readable on #31BC9C?

Use 000000 text on a #31BC9C background; contrast on black is 8.8:1.