#31C09F

#31C09F

Overview

#31C09F is a cool, light color. In RGB it is 49, 192, 159, in HSL 166.2°, 59.3%, 47.3%, and in CMYK 74.5%, 0.0%, 17.2%, 24.7%. The nearest named color is Mountain Meadow.

On this page

ค่าสี

HEX

#31C09F

RGB

49, 192, 159

HSL

166.2, 59.3%, 47.3%

HSV

166.2, 74.5%, 75.3%

CMYK

74.5%, 0.0%, 17.2%, 24.7%

OKLCH

0.726 0.1274 173.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#31C09F

#C03152

สีใกล้เคียง

#31C058

#319AC0

#31C09F

สามสี

#31C09F

#9F31C0

#C09F31

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

#31C09F

#C0319A

#C05831

สี่สี

#31C09F

#5831C0

#C03152

#9AC031

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

ต้นฉบับ

#31C09F

ตาบอดสีแดง

#6F70A7

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

#675CA9

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

#38ADAF

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

#9F9F9F

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F3FBF9
100
#E4F6F2
200
#C6F0E7
300
#9EE6D5
400
#69D9BF
500
#34CBA8
600
#2AA287
700
#21826C
800
#1A6654
900
#174A3E
950
#0E2F27

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

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

2.29:1

AA Fail AAA Fail

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

9.17:1

AA Pass AAA Pass

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

#31C09F
#C03152
#31C09F
#FFFFFF
#000000
#31C09F

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

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

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

RGB(49, 192, 159) · HSL(166.2, 59.3%, 47.3%) · CMYK(74.5%, 0.0%, 17.2%, 24.7%)

Does #31C09F meet WCAG contrast on white?

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

What text color is readable on #31C09F?

Use 000000 text on a #31C09F background; contrast on black is 9.17:1.