#516CD4

#516CD4

Overview

#516CD4 is a cool, dark color. In RGB it is 81, 108, 212, in HSL 227.6°, 60.4%, 57.5%, and in CMYK 61.8%, 49.1%, 0.0%, 16.9%. The nearest named color is NCS S 1050-R90B Blue Violet.

On this page

ค่าสี

HEX

#516CD4

RGB

81, 108, 212

HSL

227.6, 60.4%, 57.5%

HSV

227.6, 61.8%, 83.1%

CMYK

61.8%, 49.1%, 0.0%, 16.9%

OKLCH

0.5646 0.1623 269.6

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: NCS S 1050-R90B Blue Violet

จิตวิทยาสี

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.

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

สีตรงข้าม

#516CD4

#D4B951

สีใกล้เคียง

#51AED4

#7851D4

#516CD4

สามสี

#516CD4

#D4516C

#6CD451

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

#516CD4

#D47851

#AED451

สี่สี

#516CD4

#D451AE

#D4B951

#51D478

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

ต้นฉบับ

#516CD4

ตาบอดสีแดง

#5D5DBB

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

#5B59B5

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

#52A7A3

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

#6E6E6E

การใช้งาน CSS

background-color: #516CD4;
color: #516CD4;
border-color: #516CD4;
Tailwind ที่ใกล้เคียงที่สุด: Blue 500 #3B82F6

เฉดสี Tailwind

50
#F3F5FB
100
#E4E8F6
200
#C6CFF1
300
#9DACE7
400
#687FDA
500
#3252CD
600
#2842A4
700
#203583
800
#192966
900
#16214B
950
#0E152F

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

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

4.72:1

AA Pass AAA Fail

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

4.45:1

AA Fail AAA Fail

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

#516CD4
#D4B951
#516CD4
#FFFFFF
#000000
#516CD4

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

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

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 #516CD4?

RGB(81, 108, 212) · HSL(227.6, 60.4%, 57.5%) · CMYK(61.8%, 49.1%, 0.0%, 16.9%)

Does #516CD4 meet WCAG contrast on white?

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

What text color is readable on #516CD4?

Use FFFFFF text on a #516CD4 background; contrast on black is 4.45:1.