最接近的命名颜色 · #502F86
#502F86
最接近的命名颜色: Night Fever
#502F86（rgb(80 47 134)、hsl(263 48% 35%)、oklch(0.394 0.139 297)）最接近命名颜色 Night Fever。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#502F86
oklch(0.394 0.139 297)
颜色转换
- HEX
- #502f86
- RGB
- rgb(80 47 134)
- HSL
- hsl(263 48% 35%)
- HWB
- hwb(263 18% 47%)
- OKLCH
- oklch(0.394 0.139 297)
- OKLab
- oklab(0.394 0.063 -0.124)
- CIE Lab
- lab(27.48 30.67 -44.1)
- LCH
- lch(27.48 53.72 304.8)
- CMYK
- cmyk(40% 65% 0% 47%)
浅色调 · 深色调 · 灰色调
浅色调
- 5F4493
- 6F589F
- 7F6CAC
- 9081B8
- A295C4
- B4AAD0
- C6BEDC
- D9D4E8
- ECE9F3
深色调
- 442774
- 392062
- 2E1951
- 241240
- 1A0C30
- 100621
- 070313
- 020106
- 000001
灰色调
- 543986
- 594186
- 5D4A86
- 625286
- 665A85
- 6B6285
- 706984
- 757183
- 7B7982
配色和谐
互补色 +180°
- 502F86
Night Fever
- 434C00
≈ No Emissions Green
类似色 -30° +30°
- 502F86
Night Fever
- 253E90
≈ Navy Seal
- 6B226C
≈ New Riders of the Purple Sage
三角配色 +120° +240°
- 502F86
Night Fever
- 6B3600
≈ Nutmeg Wood Finish
- 005345
≈ Tetsu Green
分裂互补色 +150° +210°
- 502F86
Night Fever
- 594300
≈ Sugarloaf Brown
- 00561B
≈ Jungle Jam
四角配色 +90° +180° +270°
- 502F86
Night Fever
- 811917
≈ Falu Red
- 434C00
≈ No Emissions Green
- 005059
≈ Kali Blue
对比度与无障碍
Ag
AAA白底
WCAG 10.03:1 · APCA Lc 93
Ag
Fail黑底
WCAG 2.09:1 · APCA Lc 10
最佳文字颜色: #FFFFFF
WCAG 10.03:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--night-fever: #502f86;
--night-fever-rgb: 80 47 134;
--night-fever-oklch: oklch(0.394 0.139 297);
}
.element {
color: var(--night-fever);
background-color: hsl(263 48% 35%);
border-color: oklch(0.394 0.139 297);
}Tailwind CSS v4
@theme {
--color-night-fever: #502f86;
--color-night-fever-50: #faedff;
--color-night-fever-100: #eedeff;
--color-night-fever-200: #dcc8ff;
--color-night-fever-300: #c1a7f5;
--color-night-fever-400: #a78ce6;
--color-night-fever-500: #916fd6;
--color-night-fever-600: #7b5eb4;
--color-night-fever-700: #624b91;
--color-night-fever-800: #46376d;
--color-night-fever-900: #31264d;
--color-night-fever-950: #1d1433;
}SCSS
$night-fever: #502f86;
$night-fever-rgb: 80, 47, 134;
$night-fever-light: mix(#fff, $night-fever, 20%);
$night-fever-dark: mix(#000, $night-fever, 20%);
.element {
color: $night-fever;
box-shadow: 0 0 0 2px rgba($night-fever, 0.35);
}