#676FCC

#676FCC

Overview

#676FCC is a cool, light color. In RGB it is 103, 111, 204, in HSL 235.2°, 49.8%, 60.2%, and in CMYK 49.5%, 45.6%, 0.0%, 20.0%. The nearest named color is Blue Violet.

On this page

ค่าสี

HEX

#676FCC

RGB

103, 111, 204

HSL

235.2, 49.8%, 60.2%

HSV

235.2, 49.5%, 80.0%

CMYK

49.5%, 45.6%, 0.0%, 20.0%

OKLCH

0.5795 0.1414 277.3

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#676FCC

#CCC467

สีใกล้เคียง

#67A2CC

#9167CC

#676FCC

สามสี

#676FCC

#CC676F

#6FCC67

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

#676FCC

#CC9167

#A2CC67

สี่สี

#676FCC

#CC67A2

#CCC467

#67CC91

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

ต้นฉบับ

#676FCC

ตาบอดสีแดง

#6A6BB6

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

#6A69B0

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

#67A4A0

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

#747474

การใช้งาน CSS

background-color: #676FCC;
color: #676FCC;
border-color: #676FCC;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 400 #818CF8

เฉดสี Tailwind

50
#F4F5FB
100
#E6E7F5
200
#CACCED
300
#A3A8E0
400
#7279D0
500
#404ABF
600
#333B99
700
#292F7A
800
#20255F
900
#1B1E46
950
#11132C

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

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

4.45:1

AA Fail AAA Fail

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

4.72:1

AA Pass AAA Fail

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

#676FCC
#CCC467
#676FCC
#FFFFFF
#000000
#676FCC

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

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

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 #676FCC?

RGB(103, 111, 204) · HSL(235.2, 49.8%, 60.2%) · CMYK(49.5%, 45.6%, 0.0%, 20.0%)

Does #676FCC meet WCAG contrast on white?

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

What text color is readable on #676FCC?

Use 000000 text on a #676FCC background; contrast on black is 4.72:1.