#178BAE

#178BAE

Overview

#178BAE is a cool, light color. In RGB it is 23, 139, 174, in HSL 193.9°, 76.6%, 38.6%, and in CMYK 86.8%, 20.1%, 0.0%, 31.8%. The nearest named color is Blue Green.

On this page

ค่าสี

HEX

#178BAE

RGB

23, 139, 174

HSL

193.9, 76.6%, 38.6%

HSV

193.9, 86.8%, 68.2%

CMYK

86.8%, 20.1%, 0.0%, 31.8%

OKLCH

0.5936 0.1072 224.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#178BAE

#AE3A17

สีใกล้เคียง

#17AE85

#173FAE

#178BAE

สามสี

#178BAE

#AE178B

#8BAE17

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

#178BAE

#AE173F

#AE8517

สี่สี

#178BAE

#8517AE

#AE3A17

#3FAE17

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

ต้นฉบับ

#178BAE

ตาบอดสีแดง

#494AA6

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

#423AA4

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

#1D9F9D

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

#757575

การใช้งาน CSS

background-color: #178BAE;
color: #178BAE;
border-color: #178BAE;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 600 #0891B2

เฉดสี Tailwind

50
#F2FAFC
100
#E2F3F9
200
#C0EAF7
300
#93DBF1
400
#58C7E9
500
#1EB4E1
600
#1890B4
700
#137390
800
#0F5A71
900
#0F4252
950
#0A2A34

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

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

3.93:1

AA Fail AAA Fail

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

5.34:1

AA Pass AAA Fail

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

#178BAE
#AE3A17
#178BAE
#FFFFFF
#000000
#178BAE

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #178BAE?

RGB(23, 139, 174) · HSL(193.9, 76.6%, 38.6%) · CMYK(86.8%, 20.1%, 0.0%, 31.8%)

Does #178BAE meet WCAG contrast on white?

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

What text color is readable on #178BAE?

Use 000000 text on a #178BAE background; contrast on black is 5.34:1.