#4285f4の色情報

#4285F4

#4285f4の成分 R:139 G:181 B:248

#4285f4の色彩情報

明度：6/10
暗い 61% 明るい
彩度：9/10
低い 89% 高い
RGB：
R:42 G:85 B:f4
 
R : 14.9% : #420000
 
G : 30% : #008500
 
B : 55.1% : #0000f4
HEX：
#4285f4
HSV：
H：217 S：73 V：96
HSL：
H：217 S：89 L：61
HSLA：
H：217 S：89 L：61 L：1
CMYK：
C：73% M：45% Y：0% K：4%
Lab：
L*：72.6 a*：-1.44 b*：-38.25

#4285f4の同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#0d5dde#1368f1#2b77f3#4387f4#5b96f5#73a6f7#8bb5f8

#4285f4の同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#3884ff#3884ff#3985fe#4387f4#4d89ea#578ce0#618ed6

#4285f4の補色

 
#f4b043

#4285f4のコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#4285f4#f4b043

#4285f4のトライアド配色

色相環を正三角形で3等分した位置にある3色の配色
 
  
#87f443#f44387

#4285f4のアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#43f4b0#b043f4

#4285f4のスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色
 
  
#dff443#f45843

#4285f4のテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色
 
   
#f44387#f4b043#43f4b0

#4285f4のテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色
 
   
#f443df#f4b043#43f458

#4285f4のペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#d443f4#f44643#cef443#43f48d

#4285f4のヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#b043f4#f44387#f4b043#87f443#43f4b0

#4285f4の12色相平面

0°180°360°
                                                                         

#4285f4の12色相環


色相色相値RGBHSLHSVHEX
 0rgb(67,135,244)hsl(217,89%,61%)hsv(217,73%,96%)#4387f4
 30rgb(88,67,244)hsl(247,89%,61%)hsv(247,73%,96%)#5843f4
 60rgb(176,67,244)hsl(277,89%,61%)hsv(277,73%,96%)#b043f4
 90rgb(244,67,223)hsl(307,89%,61%)hsv(307,73%,96%)#f443df
 120rgb(244,67,135)hsl(337,89%,61%)hsv(337,73%,96%)#f44387
 150rgb(244,88,67)hsl(7,89%,61%)hsv(7,73%,96%)#f45843
 180rgb(244,176,67)hsl(37,89%,61%)hsv(37,73%,96%)#f4b043
 210rgb(223,244,67)hsl(67,89%,61%)hsv(67,73%,96%)#dff443
 240rgb(135,244,67)hsl(97,89%,61%)hsv(97,73%,96%)#87f443
 270rgb(67,244,88)hsl(127,89%,61%)hsv(127,73%,96%)#43f458
 300rgb(67,244,176)hsl(157,89%,61%)hsv(157,73%,96%)#43f4b0
 330rgb(67,223,244)hsl(187,89%,61%)hsv(187,73%,96%)#43dff4
 360rgb(67,135,244)hsl(217,89%,61%)hsv(217,73%,96%)#4387f4

#4285f4のRGB成分

 
   
R:14.9%G:30%B:55.1%
R:#420000G:#008500B:#0000f4

#4285f4のカラーチャート

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