steelblue

#4682B4

CSS color

Steel Blue (#4682B4) is a medium, balanced blue-grey CSS named colour, referencing the cool, slightly desaturated blue-grey of polished steel — a colour associated with industry, reliability, and precision engineering. One of the most widely used CSS named colours for clean, professional blue tones, it provides a confident mid-blue without the formality of navy or the intensity of royal blue. Used broadly in corporate design, UI components, and web styling for a trustworthy, calm blue.

ค่าสี

HEX

#4682B4

RGB

70, 130, 180

HSL

207.3, 44.0%, 49.0%

HSV

207.3, 61.1%, 70.6%

CMYK

61.1%, 27.8%, 0.0%, 29.4%

OKLCH

0.588 0.0993 245.7

คุณสมบัติ

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

สีตรงข้าม

สีใกล้เคียง

สามสี

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

สี่สี

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

การใช้งาน CSS

background-color: #4682B4;
color: #4682B4;
border-color: #4682B4;
Tailwind ที่ใกล้เคียงที่สุด: Sky 600 #0284C7

เฉดสี Tailwind

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

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

4.11:1

AA Fail AAA Fail

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

5.11:1

AA Pass AAA Fail

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

ส่วนหนึ่งของคอลเลกชันเหล่านี้

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

What are the RGB, HSL, and CMYK values of #4682B4?

RGB(70, 130, 180) · HSL(207.3, 44.0%, 49.0%) · CMYK(61.1%, 27.8%, 0.0%, 29.4%)

Does #4682B4 meet WCAG contrast on white?

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

What text color is readable on #4682B4?

Use 000000 text on a #4682B4 background; contrast on black is 5.11:1.