最接近的命名颜色 · #3372D7
#3372D7
最接近的命名颜色: Fading Night
#3372D7（rgb(51 114 215)、hsl(217 67% 52%)、oklch(0.566 0.168 259.6)）最接近命名颜色 Fading Night。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3372D7
oklch(0.566 0.168 259.6)
颜色转换
- HEX
- #3372d7
- RGB
- rgb(51 114 215)
- HSL
- hsl(217 67% 52%)
- HWB
- hwb(217 20% 16%)
- OKLCH
- oklch(0.566 0.168 259.6)
- OKLab
- oklab(0.566 -0.031 -0.166)
- CIE Lab
- lab(48.16 7.33 -58.86)
- LCH
- lch(48.16 59.32 277.1)
- CMYK
- cmyk(76% 47% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- 4881DC
- 5D8FE1
- 719EE6
- 85ACEA
- 99BAEF
- ADC8F2
- C1D5F6
- D5E3F9
- EAF1FC
深色调
- 2B62BB
- 23539F
- 1C4485
- 14366B
- 0D2852
- 071B3B
- 030E25
- 010411
- 000102
灰色调
- 3D75CF
- 4577C6
- 4E79BE
- 567AB6
- 5D7CAD
- 647DA4
- 6C7E9C
- 727F93
- 798089
配色和谐
互补色 +180°
- 3372D7
Fading Night
- 9A6D00
≈ Balor Brown
类似色 -30° +30°
- 3372D7
Fading Night
- 0081AB
≈ Oh so Vo
- 775FD1
≈ Astro Purple
三角配色 +120° +240°
- 3372D7
Fading Night
- C5414C
≈ Bloody Safflower
- 358C18
≈ Cossack Green
分裂互补色 +150° +210°
- 3372D7
Fading Night
- B95500
≈ Obscure Orange
- 7C7B00
≈ Mongolian Plateau
四角配色 +90° +180° +270°
- 3372D7
Fading Night
- BA4285
≈ Orchid Ecstasy
- 9A6D00
≈ Balor Brown
- 008B6B
≈ Carolina Green
对比度与无障碍
Ag
AA白底
WCAG 4.63:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.52:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--fading-night: #3372d7;
--fading-night-rgb: 51 114 215;
--fading-night-oklch: oklch(0.566 0.168 259.6);
}
.element {
color: var(--fading-night);
background-color: hsl(217 67% 52%);
border-color: oklch(0.566 0.168 259.6);
}Tailwind CSS v4
@theme {
--color-fading-night: #3372d7;
--color-fading-night-50: #dbf6ff;
--color-fading-night-100: #c9e9ff;
--color-fading-night-200: #acd5ff;
--color-fading-night-300: #87b7ff;
--color-fading-night-400: #5f9dff;
--color-fading-night-500: #3b81f3;
--color-fading-night-600: #336ecd;
--color-fading-night-700: #2858a5;
--color-fading-night-800: #17417b;
--color-fading-night-900: #0f2d57;
--color-fading-night-950: #03193b;
}SCSS
$fading-night: #3372d7;
$fading-night-rgb: 51, 114, 215;
$fading-night-light: mix(#fff, $fading-night, 20%);
$fading-night-dark: mix(#000, $fading-night, 20%);
.element {
color: $fading-night;
box-shadow: 0 0 0 2px rgba($fading-night, 0.35);
}