Màu có tên gần nhất · #FE2FD4
#FE2FD4
Màu có tên gần nhất: Pink Glamour
#FE2FD4 (rgb(254 47 212), hsl(312 99% 59%), oklch(0.69 0.278 338.4)) gần nhất với màu có tên Pink Glamour. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#FE2FD4
oklch(0.69 0.278 338.4)
Chuyển đổi màu
- HEX
- #fe2fd4
- RGB
- rgb(254 47 212)
- HSL
- hsl(312 99% 59%)
- HWB
- hwb(312 18% 0%)
- OKLCH
- oklch(0.69 0.278 338.4)
- OKLab
- oklab(0.69 0.258 -0.102)
- CIE Lab
- lab(59.96 84.03 -36.76)
- LCH
- lch(59.96 91.72 336.4)
- CMYK
- cmyk(0% 81% 17% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF52D9
- FF6BDE
- FF81E2
- FF95E7
- FFA8EB
- FFBAEF
- FFCBF3
- FFDDF7
- FFEEFB
Sắc đậm
- DD27B8
- BD209D
- 9E1983
- 801269
- 630C51
- 47063A
- 2D0324
- 160110
- 030002
Sắc xám
- F242CC
- E74FC3
- DB5ABB
- CF62B3
- C369AA
- B66FA2
- AA7499
- 9C7991
- 8F7D89
Hòa sắc
Bổ túc +180°
- FE2FD4
Pink Glamour
- 00B875
≈ Fennel Fiesta
Tương đồng -30° +30°
- FE2FD4
Pink Glamour
- C16DFF
≈ Easter Purple
- FF5482
≈ Warm Pink
Bộ ba +120° +240°
- FE2FD4
Pink Glamour
- B39B00
≈ Kalliene Yellow
- 00ADCF
≈ Hú Lán Blue
Bổ túc chia +150° +210°
- FE2FD4
Pink Glamour
- 79AF00
≈ Plus Ultra
- 00B3AA
≈ Glass Jar Blue
Bộ bốn +90° +180° +270°
- FE2FD4
Pink Glamour
- D78700
≈ Fleur de Sel Caramel
- 00B875
≈ Fennel Fiesta
- 2BA0FF
≈ Brilliant Azure
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.19:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.57:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.57:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--pink-glamour: #fe2fd4;
--pink-glamour-rgb: 254 47 212;
--pink-glamour-oklch: oklch(0.69 0.278 338.4);
}
.element {
color: var(--pink-glamour);
background-color: hsl(312 99% 59%);
border-color: oklch(0.69 0.278 338.4);
}Tailwind CSS v4
@theme {
--color-pink-glamour: #fe2fd4;
--color-pink-glamour-50: #ffd6ff;
--color-pink-glamour-100: #ffc2ff;
--color-pink-glamour-200: #ffa1f8;
--color-pink-glamour-300: #ff73e2;
--color-pink-glamour-400: #fd40d5;
--color-pink-glamour-500: #ec00c2;
--color-pink-glamour-600: #c700a4;
--color-pink-glamour-700: #a00084;
--color-pink-glamour-800: #760065;
--color-pink-glamour-900: #540047;
--color-pink-glamour-950: #38002e;
}SCSS
$pink-glamour: #fe2fd4;
$pink-glamour-rgb: 254, 47, 212;
$pink-glamour-light: mix(#fff, $pink-glamour, 20%);
$pink-glamour-dark: mix(#000, $pink-glamour, 20%);
.element {
color: $pink-glamour;
box-shadow: 0 0 0 2px rgba($pink-glamour, 0.35);
}