4682b4 颜色信息
颜色信息颜色转换配色方案相似颜色色度/色彩色调HTML/CSS
钢青色,Steel blue 在RGB颜色空间中,#4682b4由27.45%红色,50.98%绿色和70.59%蓝色组成,十进制红色值为70,绿色值为130,蓝色值为180。在CMKY色彩空间中,他由61.11%青色,27.78%品红色,0.0%黄色和29.41%黑色组成。最接近的网页安全颜色是:#3399cc。
♥
R27.5
G51.0
B70.6
RGB 百分比
C61.1
M27.8
Y0.0
K29.4
CMYK 百分比
颜色转换
#4682b4十进制的RGB值为R:70, G:130, B:180。 CMYK值为C:61.111, M:27.778, Y: 0.0, K: 29.412
RGB70, 130, 180
百分比27.45%, 50.98%, 70.59%
十六进制4682b4
十进制4620980
二进制01000110,10000010,10110100
CMYK61.111, 27.778, 0.0, 29.412
CMYK百分比61%, 28%, 0%, 29%
CMY0.725, 0.49, 0.294
CMY百分比73%, 49%, 29%
HSL207.27°, 44.0, 49.02
HSV (or HSB)207.27°, 61.111000000000004, 70.59
XYZ18.745, 20.561, 46.158
xyY0.219, 0.241, 20.561
CIE-LAB52.466, -4.074, -32.198
CIE-LUV52.466, -25.111, -48.373
CIE-LCH/LCHab52.466, 32.455, 262.789
CIE-LUV/LCHuv52.466, 54.502, 242.565
Hunter-Lab45.345, -5.564, -28.613
YIQ117.76, -51.819, 2.87
YUV117.76, 30.6291, -41.9005
网页安全色#3399cc
颜色名称钢青色_Steel blue
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
#4682b4#4682b4 rgb(180,120,70)#b47846#b47846 rgb(180,120,70)
互补色
#46b4af#46b4af rgb(70,180,175)
#4682b4#4682b4 rgb(70,130,180)
#464bb4#464bb4 rgb(70,75,180)
类似色
#6cb446#6cb446 rgb(108,180,70)
#4682b4#4682b4 rgb(70,130,180)
#5d46b4#5d46b4 rgb(93,70,180)
中差色
#b4af46#b4af46 rgb(180,175,70)
#4682b4#4682b4 rgb(70,130,180)
#b4464b#b4464b rgb(180,70,75)
分裂补色
#82b446#82b446 rgb(130,180,70)
#4682b4#4682b4 rgb(70,130,180)
#b44682#b44682 rgb(180,70,130)
正三角形(三元)配色
#4682b4#4682b4 rgb(70,130,180)
#46b478#46b478 rgb(70,180,120)
#b47846#b47846 rgb(180,120,70)
#b44682#b44682 rgb(180,70,130)
矩形(四元)配色
#4682b4#4682b4 rgb(70,130,180)
#4bb446#4bb446 rgb(75,180,70)
#af46b4#af46b4 rgb(175,70,180)
#b47846#b47846 rgb(180,120,70)
方形(四元)配色
#315a7d#315a7d rgb(49,90,125)
#38678f#38678f rgb(56,103,143)
#3f75a2#3f75a2 rgb(63,117,162)
#4682b4#4682b4 rgb(70,130,180)
#568ebd#568ebd rgb(86,142,189)
#699bc4#699bc4 rgb(105,155,196)
#7ba7cc#7ba7cc rgb(123,167,204)
单色
相似颜色
以下颜色与#4682b4在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
#469eb4#469eb4 rgb(70,158,180)
#4694b4#4694b4 rgb(70,148,180)
#468bb4#468bb4 rgb(70,139,180)
#4682b4#4682b4 rgb(70,130,180)
#4679b4#4679b4 rgb(70,121,180)
#4670b4#4670b4 rgb(70,112,180)
#4667b4#4667b4 rgb(70,103,180)
相似颜色
4682b4 色度/色彩
通过调整亮度或饱和度,可以得到#4682b4向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
#4682b4#4682b4 rgb(70,130,180)
#4178a6#4178a6 rgb(65,120,166)
#3b6e98#3b6e98 rgb(59,110,152)
#36638a#36638a rgb(54,99,138)
#30597c#30597c rgb(48,89,124)
#2b4f6d#2b4f6d rgb(43,79,109)
#25455f#25455f rgb(37,69,95)
#203b51#203b51 rgb(32,59,81)
#1a3043#1a3043 rgb(26,48,67)
#152635#152635 rgb(21,38,53)
#0f1c27#0f1c27 rgb(15,28,39)
#0a1219#0a1219 rgb(10,18,25)
#04080b#04080b rgb(4,8,11)
至黑
#528cbc#528cbc rgb(82,140,188)
#6095c1#6095c1 rgb(96,149,193)
#6e9ec7#6e9ec7 rgb(110,158,199)
#7ca8cc#7ca8cc rgb(124,168,204)
#8ab1d2#8ab1d2 rgb(138,177,210)
#99bbd7#99bbd7 rgb(153,187,215)
#a7c4dd#a7c4dd rgb(167,196,221)
#b5cee2#b5cee2 rgb(181,206,226)
#c3d7e8#c3d7e8 rgb(195,215,232)
#d1e0ed#d1e0ed rgb(209,224,237)
#dfeaf3#dfeaf3 rgb(223,234,243)
#edf3f8#edf3f8 rgb(237,243,248)
#fbfdfe#fbfdfe rgb(251,253,254)
至白
色调
通过添加灰色或调整饱和度,可以探索#4682b4在不同色调下的表现,从而获得更丰富的视觉情绪。
#767e84#767e84 rgb(118,126,132)
#6c7f8e#6c7f8e rgb(108,127,142)
#637f97#637f97 rgb(99,127,151)
#5980a1#5980a1 rgb(89,128,161)
#5081aa#5081aa rgb(80,129,170)
#4682b4#4682b4 rgb(70,130,180)
#3c83be#3c83be rgb(60,131,190)
#3384c7#3384c7 rgb(51,132,199)
#2985d1#2985d1 rgb(41,133,209)
#2085da#2085da rgb(32,133,218)
#1686e4#1686e4 rgb(22,134,228)
#0c87ee#0c87ee rgb(12,135,238)
#0388f7#0388f7 rgb(3,136,247)
色调变化
HTML/CSS代码
直接在您的网页设计或开发项目中使用#4682b4的相关代码。
#4682b4 文本颜色此段文字的字体颜色为 #4682b4.
文本#4682b4 背景颜色此段背景颜色为 #4682b4.
文本
#4682b4 边框颜色这个边框颜色为 #4682b4.