#5ABCCF

#5ABCCF

颜色值

HEX

#5ABCCF

RGB

90, 188, 207

HSL

189.7, 54.9%, 58.2%

HSV

189.7, 56.5%, 81.2%

CMYK

56.5%, 9.2%, 0.0%, 18.8%

OKLCH

0.7436 0.0953 212.1

属性

色彩心理学

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.

配色方案

色觉模拟

CSS 用法

background-color: #5ABCCF;
color: #5ABCCF;
border-color: #5ABCCF;
最接近的 Tailwind: Cyan 500 #06B6D4

Tailwind 色阶

对比度检查器

白底文字

2.2:1

AA Fail AAA Fail

黑底文字

9.53:1

AA Pass AAA Pass

与之比较

相关文章

常见问题

What are the RGB, HSL, and CMYK values of #5ABCCF?

RGB(90, 188, 207) · HSL(189.7, 54.9%, 58.2%) · CMYK(56.5%, 9.2%, 0.0%, 18.8%)

Does #5ABCCF meet WCAG contrast on white?

2.2:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #5ABCCF?

Use 000000 text on a #5ABCCF background; contrast on black is 9.53:1.