#519AD4

#519AD4

Overview

#519AD4 is a cool, light color. In RGB it is 81, 154, 212, in HSL 206.6°, 60.4%, 57.5%, and in CMYK 61.8%, 27.4%, 0.0%, 16.9%. The nearest named color is steelblue 3.

On this page

ค่าสี

HEX

#519AD4

RGB

81, 154, 212

HSL

206.6, 60.4%, 57.5%

HSV

206.6, 61.8%, 83.1%

CMYK

61.8%, 27.4%, 0.0%, 16.9%

OKLCH

0.6637 0.1135 244.7

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#519AD4

#D48B51

สีใกล้เคียง

#51D4CD

#5159D4

#519AD4

สามสี

#519AD4

#D4519A

#9AD451

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

#519AD4

#D45159

#D4CD51

สี่สี

#519AD4

#CD51D4

#D48B51

#59D451

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

ต้นฉบับ

#519AD4

ตาบอดสีแดง

#7171C6

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

#6C67C3

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

#55BBB8

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

#8F8F8F

การใช้งาน CSS

background-color: #519AD4;
color: #519AD4;
border-color: #519AD4;
Tailwind ที่ใกล้เคียงที่สุด: Sky 500 #0EA5E9

เฉดสี Tailwind

50
#F3F8FB
100
#E4EEF6
200
#C6DEF1
300
#9DC6E7
400
#68A7DA
500
#3288CD
600
#286DA4
700
#205783
800
#194466
900
#16334B
950
#0E202F

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

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

3.03:1

AA Fail AAA Fail

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

6.92:1

AA Pass AAA Fail

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

#519AD4
#D48B51
#519AD4
#FFFFFF
#000000
#519AD4

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

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

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 #519AD4?

RGB(81, 154, 212) · HSL(206.6, 60.4%, 57.5%) · CMYK(61.8%, 27.4%, 0.0%, 16.9%)

Does #519AD4 meet WCAG contrast on white?

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

What text color is readable on #519AD4?

Use 000000 text on a #519AD4 background; contrast on black is 6.92:1.