#6363ffの色情報

#6363FF

#6363ffの成分 R:173 G:173 B:255

#6363ffの色彩情報

明度：7/10
暗い 69% 明るい
彩度：10/10
低い 100% 高い
RGB：
R:63 G:63 B:ff
 
R : 21.9% : #630000
 
G : 21.9% : #006300
 
B : 56.3% : #0000ff
HEX：
#6363ff
HSV：
H：240 S：61 V：100
HSL：
H：240 S：100 L：69
HSLA：
H：240 S：100 L：69 L：1
CMYK：
C：61% M：61% Y：0% K：0%
Lab：
L*：73.1 a*：13.92 b*：-41.01

#6363ffの同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#1414ff#2e2eff#4747ff#6161ff#7a7aff#9494ff#adadff

#6363ffの同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#6161ff#6161ff#6161ff#6161ff#6969f7#7171ef#7979e7

#6363ffの補色

 
#ffff61

#6363ffのコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#6363ff#ffff61

#6363ffのトライアド配色

色相環を正三角形で3等分した位置にある3色の配色
 
  
#61ff61#ff6161

#6363ffのアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#61ffff#ff61ff

#6363ffのスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色
 
  
#b0ff61#ffb061

#6363ffのテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色
 
   
#ff6161#ffff61#61ffff

#6363ffのテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色
 
   
#ff61b0#ffff61#61ffb0

#6363ffのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#ff61df#ffa061#a0ff61#61ffdf

#6363ffのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#ff61ff#ff6161#ffff61#61ff61#61ffff

#6363ffの12色相平面

0°180°360°
                                                                         

#6363ffの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(97,97,255)hsl(240,100%,69%)hsv(240,62%,100%)#6161ff
 30rgb(176,97,255)hsl(270,100%,69%)hsv(270,62%,100%)#b061ff
 60rgb(255,97,255)hsl(300,100%,69%)hsv(300,62%,100%)#ff61ff
 90rgb(255,97,176)hsl(330,100%,69%)hsv(330,62%,100%)#ff61b0
 120rgb(255,97,97)hsl(0,100%,69%)hsv(0,62%,100%)#ff6161
 150rgb(255,176,97)hsl(30,100%,69%)hsv(30,62%,100%)#ffb061
 180rgb(255,255,97)hsl(60,100%,69%)hsv(60,62%,100%)#ffff61
 210rgb(176,255,97)hsl(90,100%,69%)hsv(90,62%,100%)#b0ff61
 240rgb(97,255,97)hsl(120,100%,69%)hsv(120,62%,100%)#61ff61
 270rgb(97,255,176)hsl(150,100%,69%)hsv(150,62%,100%)#61ffb0
 300rgb(97,255,255)hsl(180,100%,69%)hsv(180,62%,100%)#61ffff
 330rgb(97,176,255)hsl(210,100%,69%)hsv(210,62%,100%)#61b0ff
 360rgb(97,97,255)hsl(240,100%,69%)hsv(240,62%,100%)#6161ff

#6363ffのRGB成分

 
   
R:21.9%G:21.9%B:56.3%
R:#630000G:#006300B:#0000ff

#6363ffのカラーチャート

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