#557B76

#557B76

Overview

#557B76 is a cool, dark color. In RGB it is 85, 123, 118, in HSL 172.1°, 18.3%, 40.8%, and in CMYK 30.9%, 0.0%, 4.1%, 51.8%. The nearest named color is RAL 6033 Mint Turquoise.

On this page

ค่าสี

HEX

#557B76

RGB

85, 123, 118

HSL

172.1, 18.3%, 40.8%

HSV

172.1, 30.9%, 48.2%

CMYK

30.9%, 0.0%, 4.1%, 51.8%

OKLCH

0.5529 0.0435 185.8

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 6033 Mint Turquoise

จิตวิทยาสี

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.

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

สีตรงข้าม

#557B76

#7B555A

สีใกล้เคียง

#557B63

#556D7B

#557B76

สามสี

#557B76

#76557B

#7B7655

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

#557B76

#7B556D

#7B6355

สี่สี

#557B76

#63557B

#7B555A

#6D7B55

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

ต้นฉบับ

#557B76

ตาบอดสีแดง

#656677

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

#636078

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

#577878

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

#737373

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F9F8
100
#EAF0EF
200
#D5E2E0
300
#B7CDCA
400
#8FB2AD
500
#689791
600
#537974
700
#43615D
800
#344B48
900
#283836
950
#1A2422

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

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

4.69:1

AA Pass AAA Fail

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

4.48:1

AA Fail AAA Fail

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

#557B76
#7B555A
#557B76
#FFFFFF
#000000
#557B76

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

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

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 #557B76?

RGB(85, 123, 118) · HSL(172.1, 18.3%, 40.8%) · CMYK(30.9%, 0.0%, 4.1%, 51.8%)

Does #557B76 meet WCAG contrast on white?

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

What text color is readable on #557B76?

Use FFFFFF text on a #557B76 background; contrast on black is 4.48:1.