#3399ffの色情報

#3399FF

#3399ffの成分 R:128 G:191 B:255

#3399ffの色彩情報

明度:6/10
暗い 60% 明るい
彩度:10/10
低い 100% 高い
RGB:
R:33 G:99 B:ff
 
R : 11.1% : #330000
 
G : 33.3% : #009900
 
B : 55.6% : #0000ff
HEX:
#3399ff
HSV:
H:210 S:80 V:100
HSL:
H:210 S:100 L:60
HSLA:
H:210 S:100 L:60 L:1
CMYK:
C:80% M:40% Y:0% K:0%
Lab:
L*:74.96 a*:-7.76 b*:-38.42

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

明度に変化を持たせた配色
 
       
#0073e6#0080ff#1a8cff#3399ff#4da6ff#66b3ff#80bfff

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

彩度に変化を持たせた配色
 
       
#3399ff#3399ff#3399ff#3399ff#3d99f5#4799eb#5299e0

#3399ffの補色

 
#ff9933

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

色相環の正反対にある色同士の配色
  
#3399ff#ff9933

#3399ffのトライアド配色

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

#3399ffのアナロガス配色

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

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

基準色とその補色の類似色を使った配色
 
  
#ffff33#ff3333

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

色相環を長方形に4分した位置にある4色の配色
 
   
#ff3399#ff9933#33ff99

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

色相環を正方形に4分した位置にある4色の配色
 
   
#ff33ff#ff9933#33ff33

#3399ffのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#c233ff#ff3347#ebff33#33ff70

#3399ffのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#9933ff#ff3399#ff9933#99ff33#33ff99

#3399ffの12色相平面

180°360°
                                                                         

#3399ffの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(51,153,255)hsl(210,100%,60%)hsv(210,80%,100%)#3399ff
 30rgb(51,51,255)hsl(240,100%,60%)hsv(240,80%,100%)#3333ff
 60rgb(153,51,255)hsl(270,100%,60%)hsv(270,80%,100%)#9933ff
 90rgb(255,51,255)hsl(300,100%,60%)hsv(300,80%,100%)#ff33ff
 120rgb(255,51,153)hsl(330,100%,60%)hsv(330,80%,100%)#ff3399
 150rgb(255,51,51)hsl(0,100%,60%)hsv(0,80%,100%)#ff3333
 180rgb(255,153,51)hsl(30,100%,60%)hsv(30,80%,100%)#ff9933
 210rgb(255,255,51)hsl(60,100%,60%)hsv(60,80%,100%)#ffff33
 240rgb(153,255,51)hsl(90,100%,60%)hsv(90,80%,100%)#99ff33
 270rgb(51,255,51)hsl(120,100%,60%)hsv(120,80%,100%)#33ff33
 300rgb(51,255,153)hsl(150,100%,60%)hsv(150,80%,100%)#33ff99
 330rgb(51,255,255)hsl(180,100%,60%)hsv(180,80%,100%)#33ffff
 360rgb(51,153,255)hsl(210,100%,60%)hsv(210,80%,100%)#3399ff

#3399ffのRGB成分

 
   
R:11.1%G:33.3%B:55.6%
R:#330000G:#009900B:#0000ff

#3399ffのカラーチャート

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