336447

颜色
← 上一个 | 下一个 →

554 CP

潘通色彩桥梁铜版色卡 / Color Bridge Coated
sRGB Model ? COPY
R 51
G 100
B 71
HSL Model ? COPY
H 144°
S 32%
L 30%
CMYK Print ? COPY
C 49
M 0
Y 29
K 61
CIE-Lab ? COPY
L 38.33
a -24
b 11.42
CIE-XYZ ? COPY
X 7.06
Y 10.27
Z 7.57
OKLCH (Next-Gen) ? COPY
L 45.99%
C 0.072
H 156.1
HSB Model ? COPY
H 144°
S 49%
B 39%
HWB Model ? COPY
H 144°
W 20%
B 61%
CIE-LUV ? COPY
L 38.33
u -22.05
v 17.19

WCAG 无障碍评分

示例文本 Text
6.87
AA: PASS / AAA: FAIL
示例文本 Text
3.05
AA: FAIL / AAA: FAIL

色觉模拟

红色盲 (Protanopia) #48484e
绿色盲 (Deuteranopia) #45414f
蓝色盲 (Tritanopia) #355354
全色盲 (Achromatopsia) #525252

色调 (Tints)

色调 (Tones)

物理色彩匹配

最接近的标准色

P 147-8 U

SET: 潘通CMYK四色专色胶版色卡
DELTA E: 1.5

色彩和谐

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

智能渐变

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

开发交付中心

CSS Variables 
:root {
  --554-cp: #336447;
}
Tailwind Config 
colors: {
  '554-cp': '#336447',
}
SCSS / Sass 
$554-cp: #336447;
Design Token 
{
    "name": "554 CP",
    "value": "#336447"
}

UI Application / 应用模拟

实时 UI 预览

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

Open UI Kit

相似颜色

千歳緑
#316745
千歳緑 ちとせみどり
#316745
P 147-8 U
#33654C
Moderate Green
#386646
金莲花绿
#345E48