#F697EF

#F697EF

Overview

#F697EF is a warm, light color. In RGB it is 246, 151, 239, in HSL 304.4°, 84.1%, 77.8%, and in CMYK 0.0%, 38.6%, 2.8%, 3.5%. The nearest named color is violet.

On this page

ค่าสี

HEX

#F697EF

RGB

246, 151, 239

HSL

304.4, 84.1%, 77.8%

HSV

304.4, 38.6%, 96.5%

CMYK

0.0%, 38.6%, 2.8%, 3.5%

OKLCH

0.8022 0.1575 329.6

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#F697EF

#97F69E

สีใกล้เคียง

#CD97F6

#F697BF

#F697EF

สามสี

#F697EF

#EFF697

#97EFF6

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

#F697EF

#BFF697

#97F6CD

สี่สี

#F697EF

#F6CD97

#97F69E

#97BFF6

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

ต้นฉบับ

#F697EF

ตาบอดสีแดง

#CDCCDA

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

#D2DAD5

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

#F1C9C5

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

#B2B2B2

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FDF2FC
100
#FAE0F8
200
#F9BDF5
300
#F58EEE
400
#F051E4
500
#EB14DB
600
#BC10AF
700
#960D8C
800
#750A6E
900
#550C50
950
#360732

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

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

1.98:1

AA Fail AAA Fail

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

10.59:1

AA Pass AAA Pass

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

#F697EF
#97F69E
#F697EF
#FFFFFF
#000000
#F697EF

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

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

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

RGB(246, 151, 239) · HSL(304.4, 84.1%, 77.8%) · CMYK(0.0%, 38.6%, 2.8%, 3.5%)

Does #F697EF meet WCAG contrast on white?

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

What text color is readable on #F697EF?

Use 000000 text on a #F697EF background; contrast on black is 10.59:1.