最接近的命名颜色 · #006FE0
#006FE0
最接近的命名颜色: Fading Night
#006FE0（rgb(0 111 224)、hsl(210 100% 44%)、oklch(0.556 0.192 256.3)）最接近命名颜色 Fading Night。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#006FE0
oklch(0.556 0.192 256.3)
颜色转换
- HEX
- #006fe0
- RGB
- rgb(0 111 224)
- HSL
- hsl(210 100% 44%)
- HWB
- hwb(210 0% 12%)
- OKLCH
- oklch(0.556 0.192 256.3)
- OKLab
- oklab(0.556 -0.046 -0.186)
- CIE Lab
- lab(46.86 8.23 -66.08)
- LCH
- lch(46.86 66.6 277.1)
- CMYK
- cmyk(100% 50% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- 2E7FE5
- 498EE9
- 619DED
- 78ABF1
- 8EB9F4
- A5C8F7
- BBD5F9
- D2E3FC
- E8F1FE
深色调
- 0060C3
- 0051A6
- 00428A
- 003470
- 002756
- 001A3E
- 000E27
- 000412
- 000102
灰色调
- 1F72D7
- 3075CE
- 3D77C5
- 497ABB
- 537BB2
- 5D7DA8
- 667E9F
- 6F7F95
- 78808B
配色和谐
互补色 +180°
- 006FE0
Fading Night
- 9A6800
≈ Gamboge Brown
类似色 -30° +30°
- 006FE0
Fading Night
- 007FA3
≈ Kingfisher Sheen
- 6F59DC
≈ Astro Purple
三角配色 +120° +240°
- 006FE0
Fading Night
- CB2D4B
≈ Tomato Puree
- 3F8800
≈ Mughal Green
分裂互补色 +150° +210°
- 006FE0
Fading Night
- B94E00
≈ Crustose Lichen
- 7D7700
≈ Tool Green
四角配色 +90° +180° +270°
- 006FE0
Fading Night
- BC348A
≈ Lust Priestess
- 9A6800
≈ Gamboge Brown
- 008864
≈ Spectral Green
对比度与无障碍
Ag
AA白底
WCAG 4.82:1 · APCA Lc 73
Ag
Fail黑底
WCAG 4.35:1 · APCA Lc 29
最佳文字颜色: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--fading-night: #006fe0;
--fading-night-rgb: 0 111 224;
--fading-night-oklch: oklch(0.556 0.192 256.3);
}
.element {
color: var(--fading-night);
background-color: hsl(210 100% 44%);
border-color: oklch(0.556 0.192 256.3);
}Tailwind CSS v4
@theme {
--color-fading-night: #006fe0;
--color-fading-night-50: #d4f8ff;
--color-fading-night-100: #c1eaff;
--color-fading-night-200: #a1d6ff;
--color-fading-night-300: #78b8ff;
--color-fading-night-400: #499eff;
--color-fading-night-500: #0781ff;
--color-fading-night-600: #0f6ed9;
--color-fading-night-700: #0d58ae;
--color-fading-night-800: #004182;
--color-fading-night-900: #002d5c;
--color-fading-night-950: #00193f;
}SCSS
$fading-night: #006fe0;
$fading-night-rgb: 0, 111, 224;
$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);
}