#677271

#677271

Overview

#677271 is a cool, dark color. In RGB it is 103, 114, 113, in HSL 174.5°, 5.1%, 42.5%, and in CMYK 9.6%, 0.0%, 0.9%, 55.3%. The nearest named color is RAL 7005 Mouse Grey.

On this page

ค่าสี

HEX

#677271

RGB

103, 114, 113

HSL

174.5, 5.1%, 42.5%

HSV

174.5, 9.6%, 44.7%

CMYK

9.6%, 0.0%, 0.9%, 55.3%

OKLCH

0.5425 0.0134 190.2

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 7005 Mouse Grey

จิตวิทยาสี

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.

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

สีตรงข้าม

#677271

#726768

สีใกล้เคียง

#67726B

#676D72

#677271

สามสี

#677271

#716772

#727167

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

#677271

#72676D

#726B67

สี่สี

#677271

#6B6772

#726768

#6D7267

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

ต้นฉบับ

#677271

ตาบอดสีแดง

#6C6C71

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

#6B6A71

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

#687171

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

#707070

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F7F8F8
100
#ECEEEE
200
#D9DDDD
300
#BFC5C4
400
#9CA5A5
500
#798685
600
#616B6A
700
#4D5655
800
#3C4342
900
#2E3332
950
#1D2020

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

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

4.97:1

AA Pass AAA Fail

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

4.22:1

AA Fail AAA Fail

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

#677271
#726768
#677271
#FFFFFF
#000000
#677271

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

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

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

RGB(103, 114, 113) · HSL(174.5, 5.1%, 42.5%) · CMYK(9.6%, 0.0%, 0.9%, 55.3%)

Does #677271 meet WCAG contrast on white?

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

What text color is readable on #677271?

Use FFFFFF text on a #677271 background; contrast on black is 4.22:1.