#3366ccの色情報

#3366CC

#3366ccの成分 R:112 G:148 B:219

#3366ccの色彩情報

明度:5/10
暗い 50% 明るい
彩度:6/10
低い 60% 高い
RGB:
R:33 G:66 B:cc
 
R : 14.3% : #330000
 
G : 28.6% : #006600
 
B : 57.1% : #0000cc
HEX:
#3366cc
HSV:
H:220 S:75 V:80
HSL:
H:220 S:60 L:50
HSLA:
H:220 S:60 L:50 L:1
CMYK:
C:75% M:50% Y:0% K:20%
Lab:
L*:60.9 a*:2.02 b*:-40.73

#3366ccの同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#24478f#2952a3#2e5cb8#3366cc#4775d1#5c85d6#7094db

#3366ccの同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#0d59f2#1a5de6#2662d9#3366cc#406abf#4d6fb3#5973a6

#3366ccの補色

 
#cc9933

#3366ccのコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#3366cc#cc9933

#3366ccのトライアド配色

色相環を正三角形で3等分した位置にある3色の配色
 
  
#66cc33#cc3366

#3366ccのアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#33cc99#9933cc

#3366ccのスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色
 
  
#b3cc33#cc4d33

#3366ccのテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色
 
   
#cc3366#cc9933#33cc99

#3366ccのテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色
 
   
#cc33b3#cc9933#33cc4d

#3366ccのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#b833cc#cc3d33#a3cc33#33cc7a

#3366ccのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#9933cc#cc3366#cc9933#66cc33#33cc99

#3366ccの12色相平面

180°360°
                                                                         

#3366ccの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(51,102,204)hsl(220,60%,50%)hsv(220,75%,80%)#3366cc
 30rgb(76,51,204)hsl(250,60%,50%)hsv(250,75%,80%)#4c33cc
 60rgb(153,51,204)hsl(280,60%,50%)hsv(280,75%,80%)#9933cc
 90rgb(204,51,179)hsl(310,60%,50%)hsv(310,75%,80%)#cc33b3
 120rgb(204,51,102)hsl(340,60%,50%)hsv(340,75%,80%)#cc3366
 150rgb(204,77,51)hsl(10,60%,50%)hsv(10,75%,80%)#cc4d33
 180rgb(204,153,51)hsl(40,60%,50%)hsv(40,75%,80%)#cc9933
 210rgb(179,204,51)hsl(70,60%,50%)hsv(70,75%,80%)#b3cc33
 240rgb(102,204,51)hsl(100,60%,50%)hsv(100,75%,80%)#66cc33
 270rgb(51,204,77)hsl(130,60%,50%)hsv(130,75%,80%)#33cc4d
 300rgb(51,204,153)hsl(160,60%,50%)hsv(160,75%,80%)#33cc99
 330rgb(51,179,204)hsl(190,60%,50%)hsv(190,75%,80%)#33b3cc
 360rgb(51,102,204)hsl(220,60%,50%)hsv(220,75%,80%)#3366cc

#3366ccのRGB成分

 
   
R:14.3%G:28.6%B:57.1%
R:#330000G:#006600B:#0000cc

#3366ccのカラーチャート

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