#F67CC2

#F67CC2

Overview

#F67CC2 is a warm, light color. In RGB it is 246, 124, 194, in HSL 325.6°, 87.1%, 72.5%, and in CMYK 0.0%, 49.6%, 21.1%, 3.5%. The nearest named color is hotpink 2.

On this page

ค่าสี

HEX

#F67CC2

RGB

246, 124, 194

HSL

325.6, 87.1%, 72.5%

HSV

325.6, 49.6%, 96.5%

CMYK

0.0%, 49.6%, 21.1%, 3.5%

OKLCH

0.7456 0.1682 346.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F67CC2

#7CF6B0

สีใกล้เคียง

#ED7CF6

#F67C85

#F67CC2

สามสี

#F67CC2

#C2F67C

#7CC2F6

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

#F67CC2

#85F67C

#7CF6ED

สี่สี

#F67CC2

#F6ED7C

#7CF6B0

#7C85F6

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

ต้นฉบับ

#F67CC2

ตาบอดสีแดง

#C1C0B1

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

#C8D1AD

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

#F0A4A1

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

#9B9B9B

การใช้งาน CSS

background-color: #F67CC2;
color: #F67CC2;
border-color: #F67CC2;
Tailwind ที่ใกล้เคียงที่สุด: Pink 400 #F472B6

เฉดสี Tailwind

50
#FDF2F8
100
#FAE0EF
200
#FABCE0
300
#F78CCA
400
#F34EAD
500
#EF1090
600
#BF0D73
700
#990B5C
800
#770848
900
#560A36
950
#370722

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

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

2.45:1

AA Fail AAA Fail

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

8.58:1

AA Pass AAA Pass

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

#F67CC2
#7CF6B0
#F67CC2
#FFFFFF
#000000
#F67CC2

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

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

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

RGB(246, 124, 194) · HSL(325.6, 87.1%, 72.5%) · CMYK(0.0%, 49.6%, 21.1%, 3.5%)

Does #F67CC2 meet WCAG contrast on white?

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

What text color is readable on #F67CC2?

Use 000000 text on a #F67CC2 background; contrast on black is 8.58:1.