#F97CCC

#F97CCC

Giá trị màu sắc

HEX

#F97CCC

RGB

249, 124, 204

HSL

321,6, 91,2%, 73,1%

HSV

321,6, 50,2%, 97,6%

CMYK

0,0%, 50,2%, 18,1%, 2,4%

OKLCH

0,7531 0,1771 343,1

Thuộc tính

Ấm Sáng Gần nhất: hotpink 1

Tâm lý màu sắc

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.

Hòa âm màu sắc

Bổ sung

#F97CCC

#7CF9A9

Tương tự

#E77CF9

#F97C8D

#F97CCC

Bộ ba

#F97CCC

#CCF97C

#7CCCF9

Bổ sung phân tách

#F97CCC

#8DF97C

#7CF9E7

Bộ bốn

#F97CCC

#F9E77C

#7CF9A9

#7C8DF9

Mô phỏng mù màu

Gốc

#F97CCC

Mù màu đỏ

#C3C2B9

Mù màu xanh lá

#CAD3B4

Mù màu xanh dương

#F3A9A6

Mù màu toàn phần

#9C9C9C

Sử dụng CSS

background-color: #F97CCC;

color: #F97CCC;

border-color: #F97CCC;

Tailwind gần nhất: Pink 400 #F472B6

Sắc độ Tailwind

Kiểm tra tương phản

Văn bản trên nền trắng

2,39:1

AA Fail AAA Fail

Văn bản trên nền đen

8,78:1

AA Pass AAA Pass

So sánh với

Bài viết liên quan

Hướng dẫn Thực hành

CSS color-mix(): Pha Trộn Màu Natively Trong Trình Duyệt

Tháng 1 26, 2026

Hướng dẫn Thực hành

Xây Dựng Color Picker Web Component Từ Đầu

Tháng 1 21, 2026

Hướng dẫn Thực hành

Không Gian Màu Nhận Thức: Lab, LCH, Oklab, OKLCH

Tháng 1 15, 2026

Câu hỏi thường gặp

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

RGB(249, 124, 204) · HSL(321,6, 91,2%, 73,1%) · CMYK(0,0%, 50,2%, 18,1%, 2,4%)

Does #F97CCC meet WCAG contrast on white?

2,39:1 — WCAG AA Không đạt, AAA Không đạt for normal text.

What text color is readable on #F97CCC?

Use 000000 text on a #F97CCC background; contrast on black is 8,78:1.