005B8C

颜色
← 上一个 | 下一个 →

交通蓝

德国RAL-Plastics P1 / jiao tong lan
sRGB Model ? COPY
R 0
G 91
B 140
HSL Model ? COPY
H 201°
S 100%
L 27%
CMYK Print ? COPY
C 100
M 35
Y 0
K 45
CIE-Lab ? COPY
L 36.7
a -3.77
b -33.5
CIE-XYZ ? COPY
X 8.47
Y 9.38
Z 26.17
OKLCH (Next-Gen) ? COPY
L 45.18%
C 0.108
H 242.3
HSB Model ? COPY
H 201°
S 100%
B 55%
HWB Model ? COPY
H 201°
W 0%
B 45%
CIE-LUV ? COPY
L 36.7
u -23.34
v -46.58

WCAG 无障碍评分

示例文本 Text
7.3
AA: PASS / AAA: PASS
示例文本 Text
2.88
AA: FAIL / AAA: FAIL

色觉模拟

红色盲 (Protanopia) #272880
绿色盲 (Deuteranopia) #221b7d
蓝色盲 (Tritanopia) #047674
全色盲 (Achromatopsia) #454545

色调 (Tints)

色调 (Tones)

物理色彩匹配

最接近的标准色

RAL 640-4

SET: 德国RAL-Effect
DELTA E: 0.33

色彩和谐

互补色
类比色
分裂互补 (Split Complementary)
三色
四色
单色

智能渐变

复制 CSS
基础光
复制 CSS
深引力
复制 CSS
极光流
复制 CSS
赛博冲突
复制 CSS
柔雾

档案描述

RAL 5017-P Traffic blue

开发交付中心

CSS Variables 
:root {
  --color-47192: #005B8C;
}
Tailwind Config 
colors: {
  'color-47192': '#005B8C',
}
SCSS / Sass 
$color-47192: #005B8C;
Design Token 
{
    "name": "交通蓝",
    "value": "#005B8C"
}

UI Application / 应用模拟

实时 UI 预览

查看此颜色在仪表盘、移动应用、聊天界面、日历等场景中的实际渲染效果。
点击开启全屏沉浸式预览。

Open UI Kit

相似颜色

P 110-16 C
#005B8B
7692 CP
#005B8D
RAL 640-4
#005C8C
7692 XGC
#005C8A
18-4434 TPX
#005B88