#369A97

#369A97

Overview

#369A97 is a cool, light color. In RGB it is 54, 154, 151, in HSL 178.2°, 48.1%, 40.8%, and in CMYK 64.9%, 0.0%, 1.9%, 39.6%. The nearest named color is darkcyan.

On this page

ค่าสี

HEX

#369A97

RGB

54, 154, 151

HSL

178.2, 48.1%, 40.8%

HSV

178.2, 64.9%, 60.4%

CMYK

64.9%, 0.0%, 1.9%, 39.6%

OKLCH

0.6285 0.0909 192.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#369A97

#9A3639

สีใกล้เคียง

#369A65

#366B9A

#369A97

สามสี

#369A97

#97369A

#9A9736

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

#369A97

#9A366B

#9A6536

สี่สี

#369A97

#65369A

#9A3639

#6B9A36

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

ต้นฉบับ

#369A97

ตาบอดสีแดง

#616298

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

#5C5498

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

#3B9898

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

#858585

การใช้งาน CSS

background-color: #369A97;
color: #369A97;
border-color: #369A97;
Tailwind ที่ใกล้เคียงที่สุด: Teal 600 #0D9488

เฉดสี Tailwind

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A4DFDD
400
#73CECB
500
#42BDB9
600
#359794
700
#2A7976
800
#215E5D
900
#1B4544
950
#112C2B

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

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

3.37:1

AA Fail AAA Fail

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

6.23:1

AA Pass AAA Fail

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

#369A97
#9A3639
#369A97
#FFFFFF
#000000
#369A97

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

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

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 #369A97?

RGB(54, 154, 151) · HSL(178.2, 48.1%, 40.8%) · CMYK(64.9%, 0.0%, 1.9%, 39.6%)

Does #369A97 meet WCAG contrast on white?

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

What text color is readable on #369A97?

Use 000000 text on a #369A97 background; contrast on black is 6.23:1.