#697B7B

#697B7B

Overview

#697B7B is a cool, light color. In RGB it is 105, 123, 123, in HSL 180.0°, 7.9%, 44.7%, and in CMYK 14.6%, 0.0%, 0.0%, 51.8%. The nearest named color is lightblue 4.

On this page

ค่าสี

HEX

#697B7B

RGB

105, 123, 123

HSL

180.0, 7.9%, 44.7%

HSV

180.0, 14.6%, 48.2%

CMYK

14.6%, 0.0%, 0.0%, 51.8%

OKLCH

0.5683 0.0212 196.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#697B7B

#7B6969

สีใกล้เคียง

#697B72

#69727B

#697B7B

สามสี

#697B7B

#7B697B

#7B7B69

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

#697B7B

#7B6972

#7B7269

สี่สี

#697B7B

#72697B

#7B6969

#727B69

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

ต้นฉบับ

#697B7B

ตาบอดสีแดง

#71717B

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

#706E7B

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

#6A7B7B

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

#777777

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F7F8F8
100
#ECEEEE
200
#D8DEDE
300
#BDC7C7
400
#99A8A8
500
#758A8A
600
#5E6E6E
700
#4B5858
800
#3B4545
900
#2D3434
950
#1C2121

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

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

4.45:1

AA Fail AAA Fail

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

4.72:1

AA Pass AAA Fail

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

#697B7B
#7B6969
#697B7B
#FFFFFF
#000000
#697B7B

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

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

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 #697B7B?

RGB(105, 123, 123) · HSL(180.0, 7.9%, 44.7%) · CMYK(14.6%, 0.0%, 0.0%, 51.8%)

Does #697B7B meet WCAG contrast on white?

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

What text color is readable on #697B7B?

Use 000000 text on a #697B7B background; contrast on black is 4.72:1.