#F06AE5

#F06AE5

Overview

#F06AE5 is a warm, light color. In RGB it is 240, 106, 229, in HSL 304.9°, 81.7%, 67.8%, and in CMYK 0.0%, 55.8%, 4.6%, 5.9%. The nearest named color is Shocking Pink.

On this page

ค่าสี

HEX

#F06AE5

RGB

240, 106, 229

HSL

304.9, 81.7%, 67.8%

HSV

304.9, 55.8%, 94.1%

CMYK

0.0%, 55.8%, 4.6%, 5.9%

OKLCH

0.7291 0.2166 330.8

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: Shocking Pink

จิตวิทยาสี

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.

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

สีตรงข้าม

#F06AE5

#6AF075

สีใกล้เคียง

#B86AF0

#F06AA2

#F06AE5

สามสี

#F06AE5

#E5F06A

#6AE5F0

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

#F06AE5

#A2F06A

#6AF0B8

สี่สี

#F06AE5

#F0B86A

#6AF075

#6AA2F0

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

ต้นฉบับ

#F06AE5

ตาบอดสีแดง

#B6B5C7

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

#BEC8C0

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

#E9B0AB

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

#8F8F8F

การใช้งาน CSS

background-color: #F06AE5;
color: #F06AE5;
border-color: #F06AE5;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 400 #E879F9

เฉดสี Tailwind

50
#FDF2FC
100
#FAE1F8
200
#F8BEF4
300
#F490EC
400
#EE54E1
500
#E817D7
600
#B913AC
700
#940F89
800
#740C6B
900
#540D4E
950
#350831

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

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

2.66:1

AA Fail AAA Fail

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

7.9:1

AA Pass AAA Pass

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

#F06AE5
#6AF075
#F06AE5
#FFFFFF
#000000
#F06AE5

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

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

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

RGB(240, 106, 229) · HSL(304.9, 81.7%, 67.8%) · CMYK(0.0%, 55.8%, 4.6%, 5.9%)

Does #F06AE5 meet WCAG contrast on white?

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

What text color is readable on #F06AE5?

Use 000000 text on a #F06AE5 background; contrast on black is 7.9:1.