#ffaa56の色情報

#FFAA56

#ffaa56の成分 R:255 G:209 B:163

#ffaa56の色彩情報

明度:7/10
暗い 67% 明るい
彩度:10/10
低い 100% 高い
RGB:
R:ff G:aa B:56
 
R : 49.9% : #ff0000
 
G : 33.3% : #00aa00
 
B : 16.8% : #000056
HEX:
#ffaa56
HSV:
H:30 S:66 V:100
HSL:
H:30 S:100 L:67
HSLA:
H:30 S:100 L:67 L:1
CMYK:
C:0% M:33% Y:66% K:0%
Lab:
L*:87.08 a*:12.21 b*:29.29

#ffaa56の同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#ff850a#ff8f1f#ff9e3d#ffab57#ffb870#ffc48a#ffd1a3

#ffaa56の同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#ffab57#ffab57#ffab57#ffab57#f7ab5f#eeab68#e6ab70

#ffaa56の補色

 
#57abff

#ffaa56のコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#ffaa56#57abff

#ffaa56のトライアド配色

色相環を正三角形で3等分した位置にある3色の配色
 
  
#ab57ff#57ffab

#ffaa56のアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#ff57ab#abff57

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

基準色とその補色の類似色を使った配色
 
  
#5757ff#57ffff

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

色相環を長方形に4分した位置にある4色の配色
 
   
#57ffab#57abff#ff57ab

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

色相環を正方形に4分した位置にある4色の配色
 
   
#57ff57#57abff#ff57ff

#ffaa56のペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#89ff57#57ffee#6857ff#ff57cd

#ffaa56のヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#abff57#57ffab#57abff#ab57ff#ff57ab

#ffaa56の12色相平面

180°360°
                                                                         

#ffaa56の12色相環


色相色相値RGBHSLHSVHEX
 0rgb(255,171,87)hsl(30,100%,67%)hsv(30,66%,100%)#ffab57
 30rgb(255,255,87)hsl(60,100%,67%)hsv(60,66%,100%)#ffff57
 60rgb(171,255,87)hsl(90,100%,67%)hsv(90,66%,100%)#abff57
 90rgb(87,255,87)hsl(120,100%,67%)hsv(120,66%,100%)#57ff57
 120rgb(87,255,171)hsl(150,100%,67%)hsv(150,66%,100%)#57ffab
 150rgb(87,255,255)hsl(180,100%,67%)hsv(180,66%,100%)#57ffff
 180rgb(87,171,255)hsl(210,100%,67%)hsv(210,66%,100%)#57abff
 210rgb(87,87,255)hsl(240,100%,67%)hsv(240,66%,100%)#5757ff
 240rgb(171,87,255)hsl(270,100%,67%)hsv(270,66%,100%)#ab57ff
 270rgb(255,87,255)hsl(300,100%,67%)hsv(300,66%,100%)#ff57ff
 300rgb(255,87,171)hsl(330,100%,67%)hsv(330,66%,100%)#ff57ab
 330rgb(255,87,87)hsl(0,100%,67%)hsv(0,66%,100%)#ff5757
 360rgb(255,171,87)hsl(30,100%,67%)hsv(30,66%,100%)#ffab57

#ffaa56のRGB成分

 
   
R:49.9%G:33.3%B:16.8%
R:#ff0000G:#00aa00B:#000056

#ffaa56のカラーチャート

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