最接近的命名颜色 · #4F65C5
#4F65C5
最接近的命名颜色: God of Rain
#4F65C5（rgb(79 101 197)、hsl(229 50% 54%)、oklch(0.539 0.151 270.9)）最接近命名颜色 God of Rain。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4F65C5
oklch(0.539 0.151 270.9)
颜色转换
- HEX
- #4f65c5
- RGB
- rgb(79 101 197)
- HSL
- hsl(229 50% 54%)
- HWB
- hwb(229 31% 23%)
- OKLCH
- oklch(0.539 0.151 270.9)
- OKLab
- oklab(0.539 0.002 -0.151)
- CIE Lab
- lab(44.88 14.68 -53.77)
- LCH
- lch(44.88 55.73 285.3)
- CMYK
- cmyk(60% 49% 0% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- 5E75CC
- 6F84D3
- 7F94D9
- 90A3DF
- A2B2E5
- B4C1EB
- C6D1F0
- D9E0F5
- ECEFFA
深色调
- 4457AB
- 384992
- 2E3C79
- 232F61
- 19224B
- 101735
- 070C21
- 02030E
- 000002
灰色调
- 5369BF
- 586CB8
- 5D6FB2
- 6272AB
- 6775A4
- 6B779D
- 717A96
- 767C8F
- 7B7E88
配色和谐
互补色 +180°
- 4F65C5
God of Rain
- 876B00
≈ Muddy Brown
类似色 -30° +30°
- 4F65C5
God of Rain
- 0076B0
≈ Brilliant Blue
- 7E55B7
≈ Fuchsia Blue
三角配色 +120° +240°
- 4F65C5
God of Rain
- B54433
≈ Fiery Topaz
- 00853E
≈ Philippine Green
分裂互补色 +150° +210°
- 4F65C5
God of Rain
- A15A00
≈ Soft Tone Ink
- 647900
≈ Topiary Green
四角配色 +90° +180° +270°
- 4F65C5
God of Rain
- B14069
≈ Cactus Flower
- 876B00
≈ Muddy Brown
- 008071
≈ Blue Green
对比度与无障碍
Ag
AA白底
WCAG 5.24:1 · APCA Lc 76
Ag
Fail黑底
WCAG 4.00:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--god-of-rain: #4f65c5;
--god-of-rain-rgb: 79 101 197;
--god-of-rain-oklch: oklch(0.539 0.151 270.9);
}
.element {
color: var(--god-of-rain);
background-color: hsl(229 50% 54%);
border-color: oklch(0.539 0.151 270.9);
}Tailwind CSS v4
@theme {
--color-god-of-rain: #4f65c5;
--color-god-of-rain-50: #e6f3ff;
--color-god-of-rain-100: #d7e5ff;
--color-god-of-rain-200: #bed1ff;
--color-god-of-rain-300: #9eb2ff;
--color-god-of-rain-400: #7e98f7;
--color-god-of-rain-500: #627ce9;
--color-god-of-rain-600: #5369c4;
--color-god-of-rain-700: #42549e;
--color-god-of-rain-800: #2d3e76;
--color-god-of-rain-900: #1e2b53;
--color-god-of-rain-950: #0f1838;
}SCSS
$god-of-rain: #4f65c5;
$god-of-rain-rgb: 79, 101, 197;
$god-of-rain-light: mix(#fff, $god-of-rain, 20%);
$god-of-rain-dark: mix(#000, $god-of-rain, 20%);
.element {
color: $god-of-rain;
box-shadow: 0 0 0 2px rgba($god-of-rain, 0.35);
}