Advertisement
/#B87333(铜色)

颜色信息

#B87333中等亮度的柔和的橙色

RGB 分量

R
184
G
115
B
51

CMYK 分量

C
0%
M
37.5%
Y
72.3%
K
27.8%

描述:这是一种位于色轮上 29° 位置的颜色,具有 56.6% 的饱和度和 46.1% 的亮度。

估计主波长约为 606nm。

颜色转换

Hex#B87333
RGB (十进制)rgb(184, 115, 51)
RGB (%)rgb(72.2%, 45.1%, 20%)
CMYKcmyk(0%, 37.5%, 72.3%, 27.8%)
HSLhsl(28.9, 56.6%, 46.1%)
HSV/HSBhsv(28.9, 72.3%, 72.2%)
Web Safe#CC6633
CIE-LABL*54.75 a*21.68 b*45.37
XYZX0.265 Y0.2269 Z0.0612
xyYx0.4791 y0.4102 Y0.0612
CIE-LCHL*54.75 C*50.28 h°64.46
CIE-LUVL*54.75 u*55.04 v*43.98
Hunter-LabL4.76 a1.59 b2.57
二进制10111000 01110011 00110011
十进制12088115

CSS 代码生成器

背景色

background-color: #b87333;

边框

border: 2px solid #b87333;

阴影

box-shadow: 0 4px 6px -1px #b8733340, 0 2px 4px -2px #b8733330;

文字阴影

text-shadow: 0 2px 4px #b8733380;

渐变

background: linear-gradient(135deg, #7c4e22, #b87333, #d49a64);

轮廓

outline: 2px solid #b87333;
outline-offset: 2px;

色彩方案

互补色 (Complementary)

类似色 (Analogous)

分裂互补色 (Split Complementary)

三色组 (Triadic)

四色组 (Tetradic)

单色 (Monochromatic)

明暗变化

更浅的颜色

更深的颜色

色调、明度和饱和度

色调 ( Shades — 混合黑色 )

明度 ( Tints — 混合白色 )

饱和度 ( Tones — 混合灰色 )

对比度预览

这段文字使用了 #B87333 颜色

白色背景上的对比度: 3.79:1 △ AA 大字通过

这段文字在 #B87333 背景上

黑色背景上的对比度: 5.54:1 ✓ AA 通过

色盲模拟

以下展示了该颜色在不同类型色觉缺陷下的外观表现。

原始

正常视觉

#9A9A42

红色盲

无法感知红色光

#9EA346

绿色盲

无法感知绿色光

#B54F51

蓝色盲

无法感知蓝色光

#808080

全色盲

完全无法感知颜色

Advertisement