#677478

#677478

Overview

#677478 is a cool, dark color. In RGB it is 103, 116, 120, in HSL 194.1°, 7.6%, 43.7%, and in CMYK 14.2%, 3.3%, 0.0%, 52.9%. The nearest named color is dimgrey.

On this page

ค่าสี

HEX

#677478

RGB

103, 116, 120

HSL

194.1, 7.6%, 43.7%

HSV

194.1, 14.2%, 47.1%

CMYK

14.2%, 3.3%, 0.0%, 52.9%

OKLCH

0.5495 0.0168 218.2

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: dimgrey

จิตวิทยาสี

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.

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

สีตรงข้าม

#677478

#786B67

สีใกล้เคียง

#677873

#676B78

#677478

สามสี

#677478

#786774

#747867

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

#677478

#78676B

#787367

สี่สี

#677478

#736778

#786B67

#6B7867

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

ต้นฉบับ

#677478

ตาบอดสีแดง

#6D6D77

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

#6C6B77

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

#687676

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

#727272

การใช้งาน CSS

background-color: #677478;
color: #677478;
border-color: #677478;
Tailwind ที่ใกล้เคียงที่สุด: Neutral 500 #737373

เฉดสี Tailwind

50
#F7F8F8
100
#ECEEEE
200
#D9DDDE
300
#BDC4C6
400
#99A4A8
500
#768589
600
#5E6A6E
700
#4B5558
800
#3B4245
900
#2D3234
950
#1D2021

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

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

4.83:1

AA Pass AAA Fail

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

4.35:1

AA Fail AAA Fail

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

#677478
#786B67
#677478
#FFFFFF
#000000
#677478

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

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

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 #677478?

RGB(103, 116, 120) · HSL(194.1, 7.6%, 43.7%) · CMYK(14.2%, 3.3%, 0.0%, 52.9%)

Does #677478 meet WCAG contrast on white?

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

What text color is readable on #677478?

Use FFFFFF text on a #677478 background; contrast on black is 4.35:1.