#F6AAFF

#F6AAFF

Overview

#F6AAFF is a cool, light color. In RGB it is 246, 170, 255, in HSL 293.6°, 100.0%, 83.3%, and in CMYK 3.5%, 33.3%, 0.0%, 0.0%. The nearest named color is plum 1.

On this page

ค่าสี

HEX

#F6AAFF

RGB

246, 170, 255

HSL

293.6, 100.0%, 83.3%

HSV

293.6, 33.3%, 100.0%

CMYK

3.5%, 33.3%, 0.0%, 0.0%

OKLCH

0.8386 0.1405 323.0

คุณสมบัติ

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

จิตวิทยาสี

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

สีตรงข้าม

#F6AAFF

#B3FFAA

สีใกล้เคียง

#CBAAFF

#FFAADD

#F6AAFF

สามสี

#F6AAFF

#FFF6AA

#AAFFF6

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

#F6AAFF

#DDFFAA

#AAFFCB

สี่สี

#F6AAFF

#FFCBAA

#B3FFAA

#AADDFF

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

ต้นฉบับ

#F6AAFF

ตาบอดสีแดง

#D5D4EA

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

#DADFE6

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

#F2DAD7

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

#C0C0C0

การใช้งาน CSS

background-color: #F6AAFF;
color: #F6AAFF;
border-color: #F6AAFF;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 300 #F0ABFC

เฉดสี Tailwind

50
#FCF1FE
100
#F9DEFC
200
#F7B8FF
300
#F285FF
400
#EB42FF
500
#E400FF
600
#B600CC
700
#9200A3
800
#720080
900
#53055C
950
#34033A

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

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

1.73:1

AA Fail AAA Fail

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

12.11:1

AA Pass AAA Pass

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

#F6AAFF
#B3FFAA
#F6AAFF
#FFFFFF
#000000
#F6AAFF

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #F6AAFF?

RGB(246, 170, 255) · HSL(293.6, 100.0%, 83.3%) · CMYK(3.5%, 33.3%, 0.0%, 0.0%)

Does #F6AAFF meet WCAG contrast on white?

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

What text color is readable on #F6AAFF?

Use 000000 text on a #F6AAFF background; contrast on black is 12.11:1.