#4AA2BE

#4AA2BE

Overview

#4AA2BE is a cool, light color. In RGB it is 74, 162, 190, in HSL 194.5°, 47.2%, 51.8%, and in CMYK 61.1%, 14.7%, 0.0%, 25.5%. The nearest named color is Maximum Blue.

On this page

ค่าสี

HEX

#4AA2BE

RGB

74, 162, 190

HSL

194.5, 47.2%, 51.8%

HSV

194.5, 61.1%, 74.5%

CMYK

61.1%, 14.7%, 0.0%, 25.5%

OKLCH

0.6696 0.0932 221.8

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#4AA2BE

#BE664A

สีใกล้เคียง

#4ABEA0

#4A68BE

#4AA2BE

สามสี

#4AA2BE

#BE4AA2

#A2BE4A

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

#4AA2BE

#BE4A68

#BEA04A

สี่สี

#4AA2BE

#A04ABE

#BE664A

#68BE4A

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

ต้นฉบับ

#4AA2BE

ตาบอดสีแดง

#7071B7

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

#6B64B6

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

#4EB2B1

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

#919191

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F4F9FA
100
#E6F1F4
200
#CAE4EC
300
#A5D1DF
400
#74B8CD
500
#439FBC
600
#367F96
700
#2B6578
800
#224F5E
900
#1C3B45
950
#12252C

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

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

2.92:1

AA Fail AAA Fail

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

7.2:1

AA Pass AAA Pass

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

#4AA2BE
#BE664A
#4AA2BE
#FFFFFF
#000000
#4AA2BE

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

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

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 #4AA2BE?

RGB(74, 162, 190) · HSL(194.5, 47.2%, 51.8%) · CMYK(61.1%, 14.7%, 0.0%, 25.5%)

Does #4AA2BE meet WCAG contrast on white?

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

What text color is readable on #4AA2BE?

Use 000000 text on a #4AA2BE background; contrast on black is 7.2:1.