#3399ccの色情報

#3399CC

#3399ccの成分 R:112 G:184 B:219

#3399ccの色彩情報

明度:5/10
暗い 50% 明るい
彩度:6/10
低い 60% 高い
RGB:
R:33 G:99 B:cc
 
R : 12.5% : #330000
 
G : 37.5% : #009900
 
B : 50% : #0000cc
HEX:
#3399cc
HSV:
H:200 S:75 V:80
HSL:
H:200 S:60 L:50
HSLA:
H:200 S:60 L:50 L:1
CMYK:
C:75% M:25% Y:0% K:20%
Lab:
L*:71.05 a*:-16.32 b*:-25.11

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

明度に変化を持たせた配色
 
       
#246b8f#297aa3#2e8ab8#3399cc#47a3d1#5cadd6#70b8db

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

彩度に変化を持たせた配色
 
       
#0da6f2#1aa2e6#269dd9#3399cc#4095bf#4d91b3#598ca6

#3399ccの補色

 
#cc6633

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

色相環の正反対にある色同士の配色
  
#3399cc#cc6633

#3399ccのトライアド配色

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

#3399ccのアナロガス配色

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

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

基準色とその補色の類似色を使った配色
 
  
#ccb333#cc334d

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

色相環を長方形に4分した位置にある4色の配色
 
   
#cc3399#cc6633#33cc66

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

色相環を正方形に4分した位置にある4色の配色
 
   
#b333cc#cc6633#4dcc33

#3399ccのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#8533cc#cc335c#ccc233#33cc47

#3399ccのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#6633cc#cc3399#cc6633#99cc33#33cc66

#3399ccの12色相平面

180°360°
                                                                         

#3399ccの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(51,153,204)hsl(200,60%,50%)hsv(200,75%,80%)#3399cc
 30rgb(51,77,204)hsl(230,60%,50%)hsv(230,75%,80%)#334dcc
 60rgb(102,51,204)hsl(260,60%,50%)hsv(260,75%,80%)#6633cc
 90rgb(179,51,204)hsl(290,60%,50%)hsv(290,75%,80%)#b333cc
 120rgb(204,51,153)hsl(320,60%,50%)hsv(320,75%,80%)#cc3399
 150rgb(204,51,77)hsl(350,60%,50%)hsv(350,75%,80%)#cc334d
 180rgb(204,102,51)hsl(20,60%,50%)hsv(20,75%,80%)#cc6633
 210rgb(204,179,51)hsl(50,60%,50%)hsv(50,75%,80%)#ccb333
 240rgb(153,204,51)hsl(80,60%,50%)hsv(80,75%,80%)#99cc33
 270rgb(77,204,51)hsl(110,60%,50%)hsv(110,75%,80%)#4dcc33
 300rgb(51,204,102)hsl(140,60%,50%)hsv(140,75%,80%)#33cc66
 330rgb(51,204,179)hsl(170,60%,50%)hsv(170,75%,80%)#33ccb3
 360rgb(51,153,204)hsl(200,60%,50%)hsv(200,75%,80%)#3399cc

#3399ccのRGB成分

 
   
R:12.5%G:37.5%B:50%
R:#330000G:#009900B:#0000cc

#3399ccのカラーチャート

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