#2196f3の色情報

#2196F3

#2196f3の成分 R:105 G:183 B:247

#2196f3の色彩情報

明度：5/10
暗い 54% 明るい
彩度：9/10
低い 90% 高い
RGB：
R:21 G:96 B:f3
 
R : 7.7% : #210000
 
G : 35.2% : #009600
 
B : 57% : #0000f3
HEX：
#2196f3
HSV：
H：207 S：86 V：95
HSL：
H：207 S：90 L：54
HSLA：
H：207 S：90 L：54 L：1
CMYK：
C：86% M：38% Y：0% K：5%
Lab：
L*：71.37 a*：-10.97 b*：-39.78

#2196f3の同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#0a6cbd#0b7ad5#0c88ed#2094f3#38a0f5#51abf6#69b7f7

#2196f3の同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#1495ff#1495ff#1495ff#2094f3#2c93e8#3892dc#4391d0

#2196f3の補色

 
#f37f20

#2196f3のコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#2196f3#f37f20

#2196f3のトライアド配色

色相環を正三角形で3等分した位置にある3色の配色
 
  
#94f320#f32094

#2196f3のアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#20f37f#7f20f3

#2196f3のスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色
 
  
#f3e920#f3202b

#2196f3のテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色
 
   
#f32094#f37f20#20f37f

#2196f3のテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色
 
   
#e920f3#f37f20#2bf320

#2196f3のペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#a920f3#f32040#e9f320#20f355

#2196f3のヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#7f20f3#f32094#f37f20#94f320#20f37f

#2196f3の12色相平面

0°180°360°
                                                                         

#2196f3の12色相環


色相色相値RGBHSLHSVHEX
 0rgb(32,148,243)hsl(207,90%,54%)hsv(207,87%,95%)#2094f3
 30rgb(32,43,243)hsl(237,90%,54%)hsv(237,87%,95%)#202bf3
 60rgb(127,32,243)hsl(267,90%,54%)hsv(267,87%,95%)#7f20f3
 90rgb(233,32,243)hsl(297,90%,54%)hsv(297,87%,95%)#e920f3
 120rgb(243,32,148)hsl(327,90%,54%)hsv(327,87%,95%)#f32094
 150rgb(243,32,43)hsl(357,90%,54%)hsv(357,87%,95%)#f3202b
 180rgb(243,127,32)hsl(27,90%,54%)hsv(27,87%,95%)#f37f20
 210rgb(243,233,32)hsl(57,90%,54%)hsv(57,87%,95%)#f3e920
 240rgb(148,243,32)hsl(87,90%,54%)hsv(87,87%,95%)#94f320
 270rgb(43,243,32)hsl(117,90%,54%)hsv(117,87%,95%)#2bf320
 300rgb(32,243,127)hsl(147,90%,54%)hsv(147,87%,95%)#20f37f
 330rgb(32,243,233)hsl(177,90%,54%)hsv(177,87%,95%)#20f3e9
 360rgb(32,148,243)hsl(207,90%,54%)hsv(207,87%,95%)#2094f3

#2196f3のRGB成分

 
   
R:7.7%G:35.2%B:57%
R:#210000G:#009600B:#0000f3

#2196f3のカラーチャート

 彩度
100%75%50%25%0%
輝度100%     
83%     
66%     
50%     
34%     
17%     
0%