#AAA7F6

#AAA7F6

Overview

#AAA7F6 is a cool, light color. In RGB it is 170, 167, 246, in HSL 242.3°, 81.4%, 81.0%, and in CMYK 30.9%, 32.1%, 0.0%, 3.5%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#AAA7F6

RGB

170, 167, 246

HSL

242.3, 81.4%, 81.0%

HSV

242.3, 32.1%, 96.5%

CMYK

30.9%, 32.1%, 0.0%, 3.5%

OKLCH

0.7609 0.1123 285.1

คุณสมบัติ

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

จิตวิทยาสี

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

สีตรงข้าม

#AAA7F6

#F3F6A7

สีใกล้เคียง

#A7CCF6

#D2A7F6

#AAA7F6

สามสี

#AAA7F6

#F6AAA7

#A7F6AA

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

#AAA7F6

#F6D2A7

#CCF6A7

สี่สี

#AAA7F6

#F6A7CC

#F3F6A7

#A7F6D2

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

ต้นฉบับ

#AAA7F6

ตาบอดสีแดง

#A9A9E3

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

#A9A9DE

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

#AAD4D0

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

#ADADAD

การใช้งาน CSS

background-color: #AAA7F6;
color: #AAA7F6;
border-color: #AAA7F6;
Tailwind ที่ใกล้เคียงที่สุด: Violet 300 #C4B5FD

เฉดสี Tailwind

50
#F2F2FD
100
#E2E1FA
200
#C0BEF8
300
#9490F4
400
#5A54ED
500
#2018E7
600
#1913B9
700
#140F94
800
#100C74
900
#100D54
950
#0A0835

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

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

2.19:1

AA Fail AAA Fail

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

9.57:1

AA Pass AAA Pass

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

#AAA7F6
#F3F6A7
#AAA7F6
#FFFFFF
#000000
#AAA7F6

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

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

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 #AAA7F6?

RGB(170, 167, 246) · HSL(242.3, 81.4%, 81.0%) · CMYK(30.9%, 32.1%, 0.0%, 3.5%)

Does #AAA7F6 meet WCAG contrast on white?

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

What text color is readable on #AAA7F6?

Use 000000 text on a #AAA7F6 background; contrast on black is 9.57:1.