命名颜色 · #5A06EF

Wèi Lán Azure

Wèi Lán Azure 即 #5A06EF：rgb(90 6 239)、hsl(262 95% 48%)、oklch(0.477 0.279 283.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Blue mean? → · Wèi Lán Azure color name →

#5A06EF

oklch(0.477 0.279 283.5)

颜色转换

HEX: #5a06ef
RGB: rgb(90 6 239)
HSL: hsl(262 95% 48%)
HWB: hwb(262 2% 6%)
OKLCH: oklch(0.477 0.279 283.5)
OKLab: oklab(0.477 0.065 -0.271)
CIE Lab: lab(33.22 67.55 -96.77)
LCH: lch(33.22 118.02 304.9)
CMYK: cmyk(62% 97% 0% 6%)

浅色调 · 深色调 · 灰色调

浅色调

643EF3
715BF7
7F73FA
8F88FD
9F9DFF
B1B1FF
C4C5FF
D7D8FF
EBECFF

深色调

4D04D0
4103B1
350294
290178
1E015C
130042
09002A
030014
000003

灰色调

5B2DE5
5C3FDB
5F4CD0
6257C6
6560BB
6A68B0
6F6FA5
747599
7A7B8D

配色和谐

互补色 +180°

5A06EF
Wèi Lán Azure
675F00
≈ Green Brown

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 7.75:1 · APCA Lc 84

AAA

黑底

WCAG 2.70:1 · APCA Lc 18

Fail

最佳文字颜色: #FFFFFF

WCAG 7.75:1 (AAA) · APCA Lc 84

Contrast pairs

代码片段

CSS

:root {
  --wei-lan-azure: #5a06ef;
  --wei-lan-azure-rgb: 90 6 239;
  --wei-lan-azure-oklch: oklch(0.477 0.279 283.5);
}

.element {
  color: var(--wei-lan-azure);
  background-color: hsl(262 95% 48%);
  border-color: oklch(0.477 0.279 283.5);
}

Tailwind CSS v4

@theme {
  --color-wei-lan-azure: #5a06ef;
  --color-wei-lan-azure-50: #edeaff;
  --color-wei-lan-azure-100: #dfdaff;
  --color-wei-lan-azure-200: #cac0ff;
  --color-wei-lan-azure-300: #ae9bff;
  --color-wei-lan-azure-400: #9277ff;
  --color-wei-lan-azure-500: #7e48ff;
  --color-wei-lan-azure-600: #6a40ff;
  --color-wei-lan-azure-700: #5533d0;
  --color-wei-lan-azure-800: #3a259d;
  --color-wei-lan-azure-900: #281970;
  --color-wei-lan-azure-950: #17064e;
}

SCSS

$wei-lan-azure: #5a06ef;
$wei-lan-azure-rgb: 90, 6, 239;
$wei-lan-azure-light: mix(#fff, $wei-lan-azure, 20%);
$wei-lan-azure-dark: mix(#000, $wei-lan-azure, 20%);

.element {
  color: $wei-lan-azure;
  box-shadow: 0 0 0 2px rgba($wei-lan-azure, 0.35);
}

相近的命名颜色

在工具中打开

取色器配色组合对比度检测 Studio JSON API