#D686DF

#D686DF

Giá trị màu sắc

HEX

#D686DF

RGB

214, 134, 223

HSL

293,9, 58,2%, 70,0%

HSV

293,9, 39,9%, 87,5%

CMYK

4,0%, 39,9%, 0,0%, 12,5%

OKLCH

0,7339 0,1507 323,3

Thuộc tính

Lạnh Sáng Gần nhất: orchid 3

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

#D686DF

#8FDF86

Tương tự

#A986DF

#DF86BC

#D686DF

Bộ ba

#D686DF

#DFD686

#86DFD6

Bổ sung phân tách

#D686DF

#BCDF86

#86DFA9

Bộ bốn

#D686DF

#DFA986

#8FDF86

#86BCDF

Mô phỏng mù màu

Gốc

#D686DF

Mù màu đỏ

#B3B3C9

Mù màu xanh lá

#B8BEC4

Mù màu xanh dương

#D2B8B5

Mù màu toàn phần

#9D9D9D

Sử dụng CSS

background-color: #D686DF;

color: #D686DF;

border-color: #D686DF;

Tailwind gần nhất: Fuchsia 300 #F0ABFC

Sắc độ Tailwind

Kiểm tra tương phản

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

2,52:1

AA Fail AAA Fail

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

8,33: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 #D686DF?

RGB(214, 134, 223) · HSL(293,9, 58,2%, 70,0%) · CMYK(4,0%, 39,9%, 0,0%, 12,5%)

Does #D686DF meet WCAG contrast on white?

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

What text color is readable on #D686DF?

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