#396F76

#396F76

Overview

#396F76 is a cool, dark color. In RGB it is 57, 111, 118, in HSL 186.9°, 34.9%, 34.3%, and in CMYK 51.7%, 5.9%, 0.0%, 53.7%. The nearest named color is RAL 5021 Water Blue.

On this page

ค่าสี

HEX

#396F76

RGB

57, 111, 118

HSL

186.9, 34.9%, 34.3%

HSV

186.9, 51.7%, 46.3%

CMYK

51.7%, 5.9%, 0.0%, 53.7%

OKLCH

0.5075 0.0583 206.5

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 5021 Water Blue

จิตวิทยาสี

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.

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

สีตรงข้าม

#396F76

#764039

สีใกล้เคียง

#39765E

#395076

#396F76

สามสี

#396F76

#76396F

#6F7639

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

#396F76

#763950

#765E39

สี่สี

#396F76

#5E3976

#764039

#507639

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

ต้นฉบับ

#396F76

ตาบอดสีแดง

#505174

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

#4D4974

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

#3C7373

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

#646464

การใช้งาน CSS

background-color: #396F76;
color: #396F76;
border-color: #396F76;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 800 #155E75

เฉดสี Tailwind

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ACD2D7
400
#80BAC2
500
#53A2AC
600
#42818A
700
#35686E
800
#2A5156
900
#213C40
950
#152628

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

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

5.66:1

AA Pass AAA Fail

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

3.71:1

AA Fail AAA Fail

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

#396F76
#764039
#396F76
#FFFFFF
#000000
#396F76

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

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

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 #396F76?

RGB(57, 111, 118) · HSL(186.9, 34.9%, 34.3%) · CMYK(51.7%, 5.9%, 0.0%, 53.7%)

Does #396F76 meet WCAG contrast on white?

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

What text color is readable on #396F76?

Use FFFFFF text on a #396F76 background; contrast on black is 3.71:1.