#157C9B

#157C9B

Overview

#157C9B is a cool, dark color. In RGB it is 21, 124, 155, in HSL 193.9°, 76.1%, 34.5%, and in CMYK 86.5%, 20.0%, 0.0%, 39.2%. The nearest named color is NCS S 1060-B30G Teal.

On this page

ค่าสี

HEX

#157C9B

RGB

21, 124, 155

HSL

193.9, 76.1%, 34.5%

HSV

193.9, 86.5%, 60.8%

CMYK

86.5%, 20.0%, 0.0%, 39.2%

OKLCH

0.5465 0.0979 224.5

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: NCS S 1060-B30G Teal

จิตวิทยาสี

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.

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

สีตรงข้าม

#157C9B

#9B3415

สีใกล้เคียง

#159B77

#15399B

#157C9B

สามสี

#157C9B

#9B157C

#7C9B15

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

#157C9B

#9B1539

#9B7715

สี่สี

#157C9B

#77159B

#9B3415

#399B15

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

ต้นฉบับ

#157C9B

ตาบอดสีแดง

#424294

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

#3C3492

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

#1A8E8C

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

#686868

การใช้งาน CSS

background-color: #157C9B;
color: #157C9B;
border-color: #157C9B;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 700 #0E7490

เฉดสี Tailwind

50
#F2FAFC
100
#E2F3F9
200
#C0EAF6
300
#93DBF0
400
#59C7E8
500
#1EB4E1
600
#1890B4
700
#147390
800
#0F5A70
900
#0F4252
950
#0A2A34

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

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

4.79:1

AA Pass AAA Fail

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

4.39:1

AA Fail AAA Fail

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

#157C9B
#9B3415
#157C9B
#FFFFFF
#000000
#157C9B

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

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

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 #157C9B?

RGB(21, 124, 155) · HSL(193.9, 76.1%, 34.5%) · CMYK(86.5%, 20.0%, 0.0%, 39.2%)

Does #157C9B meet WCAG contrast on white?

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

What text color is readable on #157C9B?

Use FFFFFF text on a #157C9B background; contrast on black is 4.39:1.