#668BA5

#668BA5

Overview

#668BA5 is a cool, light color. In RGB it is 102, 139, 165, in HSL 204.8°, 25.9%, 52.4%, and in CMYK 38.2%, 15.8%, 0.0%, 35.3%. The nearest named color is lightslategrey.

On this page

ค่าสี

HEX

#668BA5

RGB

102, 139, 165

HSL

204.8, 25.9%, 52.4%

HSV

204.8, 38.2%, 64.7%

CMYK

38.2%, 15.8%, 0.0%, 35.3%

OKLCH

0.6189 0.0571 239.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#668BA5

#A58066

สีใกล้เคียง

#66A5A0

#666CA5

#668BA5

สามสี

#668BA5

#A5668B

#8BA566

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

#668BA5

#A5666C

#A5A066

สี่สี

#668BA5

#A066A5

#A58066

#6CA566

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

ต้นฉบับ

#668BA5

ตาบอดสีแดง

#76769F

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

#74719D

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

#689A99

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

#858585

การใช้งาน CSS

background-color: #668BA5;
color: #668BA5;
border-color: #668BA5;
Tailwind ที่ใกล้เคียงที่สุด: Slate 500 #64748B

เฉดสี Tailwind

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B2C5D2
400
#88A5B9
500
#5E85A1
600
#4C6B80
700
#3C5567
800
#2F4350
900
#25323C
950
#172026

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

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

3.62:1

AA Fail AAA Fail

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

5.8:1

AA Pass AAA Fail

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

#668BA5
#A58066
#668BA5
#FFFFFF
#000000
#668BA5

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

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

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 #668BA5?

RGB(102, 139, 165) · HSL(204.8, 25.9%, 52.4%) · CMYK(38.2%, 15.8%, 0.0%, 35.3%)

Does #668BA5 meet WCAG contrast on white?

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

What text color is readable on #668BA5?

Use 000000 text on a #668BA5 background; contrast on black is 5.8:1.