#318bffの色情報

#318BFF

#318bffの成分 R:128 G:183 B:255

#318bffの色彩情報

明度:6/10
暗い 60% 明るい
彩度:10/10
低い 100% 高い
RGB:
R:31 G:8b B:ff
 
R : 11.1% : #310000
 
G : 31.4% : #008b00
 
B : 57.6% : #0000ff
HEX:
#318bff
HSV:
H:214 S:81 V:100
HSL:
H:214 S:100 L:60
HSLA:
H:214 S:100 L:60 L:1
CMYK:
C:81% M:45% Y:0% K:0%
Lab:
L*:72.77 a*:-3.73 b*:-41.81

#318bffの同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#0063e6#006fff#1a7dff#338bff#4d9aff#66a8ff#80b7ff

#318bffの同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#338bff#338bff#338bff#338bff#3d8df5#478eeb#528fe0

#318bffの補色

 
#ffa733

#318bffのコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#318bff#ffa733

#318bffのトライアド配色

色相環を正三角形で3等分した位置にある3色の配色
 
  
#8bff33#ff338b

#318bffのアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#33ffa7#a733ff

#318bffのスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色
 
  
#f1ff33#ff4133

#318bffのテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色
 
   
#ff338b#ffa733#33ffa7

#318bffのテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色
 
   
#ff33f1#ffa733#33ff41

#318bffのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#cf33ff#ff333a#ddff33#33ff7e

#318bffのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#a733ff#ff338b#ffa733#8bff33#33ffa7

#318bffの12色相平面

180°360°
                                                                         

#318bffの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(51,139,255)hsl(214,100%,60%)hsv(214,80%,100%)#338bff
 30rgb(65,51,255)hsl(244,100%,60%)hsv(244,80%,100%)#4133ff
 60rgb(167,51,255)hsl(274,100%,60%)hsv(274,80%,100%)#a733ff
 90rgb(255,51,241)hsl(304,100%,60%)hsv(304,80%,100%)#ff33f1
 120rgb(255,51,139)hsl(334,100%,60%)hsv(334,80%,100%)#ff338b
 150rgb(255,65,51)hsl(4,100%,60%)hsv(4,80%,100%)#ff4133
 180rgb(255,167,51)hsl(34,100%,60%)hsv(34,80%,100%)#ffa733
 210rgb(241,255,51)hsl(64,100%,60%)hsv(64,80%,100%)#f1ff33
 240rgb(139,255,51)hsl(94,100%,60%)hsv(94,80%,100%)#8bff33
 270rgb(51,255,65)hsl(124,100%,60%)hsv(124,80%,100%)#33ff41
 300rgb(51,255,167)hsl(154,100%,60%)hsv(154,80%,100%)#33ffa7
 330rgb(51,241,255)hsl(184,100%,60%)hsv(184,80%,100%)#33f1ff
 360rgb(51,139,255)hsl(214,100%,60%)hsv(214,80%,100%)#338bff

#318bffのRGB成分

 
   
R:11.1%G:31.4%B:57.6%
R:#310000G:#008b00B:#0000ff

#318bffのカラーチャート

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