#F682E2

#F682E2

Overview

#F682E2 is a warm, light color. In RGB it is 246, 130, 226, in HSL 310.3°, 86.6%, 73.7%, and in CMYK 0.0%, 47.2%, 8.1%, 3.5%. The nearest named color is violet.

On this page

ค่าสี

HEX

#F682E2

RGB

246, 130, 226

HSL

310.3, 86.6%, 73.7%

HSV

310.3, 47.2%, 96.5%

CMYK

0.0%, 47.2%, 8.1%, 3.5%

OKLCH

0.7663 0.1812 334.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F682E2

#82F696

สีใกล้เคียง

#D082F6

#F682A8

#F682E2

สามสี

#F682E2

#E2F682

#82E2F6

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

#F682E2

#A8F682

#82F6D0

สี่สี

#F682E2

#F6D082

#82F696

#82A8F6

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

ต้นฉบับ

#F682E2

ตาบอดสีแดง

#C4C3CB

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

#CAD3C5

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

#F0B8B4

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

#A2A2A2

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FDF2FB
100
#FAE0F6
200
#FABCF0
300
#F78DE5
400
#F24FD6
500
#EE11C8
600
#BE0EA0
700
#980B80
800
#770964
900
#560B49
950
#36072E

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

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

2.28:1

AA Fail AAA Fail

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

9.21:1

AA Pass AAA Pass

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

#F682E2
#82F696
#F682E2
#FFFFFF
#000000
#F682E2

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

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

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

RGB(246, 130, 226) · HSL(310.3, 86.6%, 73.7%) · CMYK(0.0%, 47.2%, 8.1%, 3.5%)

Does #F682E2 meet WCAG contrast on white?

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

What text color is readable on #F682E2?

Use 000000 text on a #F682E2 background; contrast on black is 9.21:1.