#1FC69F

#1FC69F

Overview

#1FC69F is a cool, light color. In RGB it is 31, 198, 159, in HSL 166.0°, 72.9%, 44.9%, and in CMYK 84.3%, 0.0%, 19.7%, 22.4%. The nearest named color is Shamrock.

On this page

ค่าสี

HEX

#1FC69F

RGB

31, 198, 159

HSL

166.0, 72.9%, 44.9%

HSV

166.0, 84.3%, 77.6%

CMYK

84.3%, 0.0%, 19.7%, 22.4%

OKLCH

0.7384 0.139 171.3

คุณสมบัติ

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

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

สีตรงข้าม

#1FC69F

#C61F46

สีใกล้เคียง

#1FC64C

#1F99C6

#1FC69F

สามสี

#1FC69F

#9F1FC6

#C69F1F

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

#1FC69F

#C61F99

#C64C1F

สี่สี

#1FC69F

#4C1FC6

#C61F46

#99C61F

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

ต้นฉบับ

#1FC69F

ตาบอดสีแดง

#6769A8

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

#5E51AB

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

#27B0B2

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

#A0A0A0

การใช้งาน CSS

background-color: #1FC69F;
color: #1FC69F;
border-color: #1FC69F;
Tailwind ที่ใกล้เคียงที่สุด: Emerald 400 #34D399

เฉดสี Tailwind

50
#F3FCFA
100
#E2F8F3
200
#C1F5E9
300
#95EEDA
400
#5CE5C5
500
#23DCB1
600
#1CB08E
700
#168D71
800
#116E59
900
#115041
950
#0B3329

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

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

2.18:1

AA Fail AAA Fail

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

9.64:1

AA Pass AAA Pass

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

#1FC69F
#C61F46
#1FC69F
#FFFFFF
#000000
#1FC69F

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

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

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

RGB(31, 198, 159) · HSL(166.0, 72.9%, 44.9%) · CMYK(84.3%, 0.0%, 19.7%, 22.4%)

Does #1FC69F meet WCAG contrast on white?

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

What text color is readable on #1FC69F?

Use 000000 text on a #1FC69F background; contrast on black is 9.64:1.