#f7b04d

Hexadecimal Color Code

明るい橙系の色

[RGB] R:247 G:176 B:77

[HSB] H:35 S:69 B:97

[L*a*b*] L*:76.89 a*:16.8 b*:59.16

[CMYK] C:4% M:40% Y:73% K:0%

[HSL] H:35 S:91 L:64

[OKLCH] L:80.7% C:0.14 H:72.3

[Display-P3] R:0.9271 G:0.7018 B:0.3733

[コントラスト比] Aa 白 1.86:1 ×　Aa 黒 11.27:1 ◎

色相 #f74d4d H:360 S:69 B:97 #f74d69 H:350 S:69 B:97 #f74d86 H:340 S:69 B:97 #f74da2 H:330 S:69 B:97 #f74dbe H:320 S:69 B:97 #f74ddb H:310 S:69 B:97 #f74df7 H:300 S:69 B:97 #db4df7 H:290 S:69 B:97 #be4df7 H:280 S:69 B:97 #a24df7 H:270 S:69 B:97 #864df7 H:260 S:69 B:97 #694df7 H:250 S:69 B:97 #4d4df7 H:240 S:69 B:97 #4d69f7 H:230 S:69 B:97 #4d86f7 H:220 S:69 B:97 #4da2f7 H:210 S:69 B:97 #4dbef7 H:200 S:69 B:97 #4ddbf7 H:190 S:69 B:97 #4df7f7 H:180 S:69 B:97 #4df7db H:170 S:69 B:97 #4df7be H:160 S:69 B:97 #4df7a2 H:150 S:69 B:97 #4df786 H:140 S:69 B:97 #4df769 H:130 S:69 B:97 #4df74d H:120 S:69 B:97 #69f74d H:110 S:69 B:97 #86f74d H:100 S:69 B:97 #a2f74d H:90 S:69 B:97 #bef74d H:80 S:69 B:97 #dbf74d H:70 S:69 B:97 #f7f74d H:60 S:69 B:97 #f7db4d H:50 S:69 B:97 #f7be4d H:40 S:69 B:97 #f7a24d H:30 S:69 B:97 #f7864d H:20 S:69 B:97 #f7694d H:10 S:69 B:97 #f74d4d H:0 S:69 B:97
明度 #ffb64f H:35 S:69 B:100 #e6a447 H:35 S:69 B:90 #cc913f H:35 S:69 B:80 #b37f37 H:35 S:69 B:70 #996d2f H:35 S:69 B:60 #805b28 H:35 S:69 B:50 #664920 H:35 S:69 B:40 #4d3718 H:35 S:69 B:30 #332410 H:35 S:69 B:20 #1a1208 H:35 S:69 B:10 #000000 H:35 S:69 B:0
彩度 #f79000 H:35 S:100 B:97 #f79b19 H:35 S:90 B:97 #f7a531 H:35 S:80 B:97 #f7af4a H:35 S:70 B:97 #f7ba63 H:35 S:60 B:97 #f7c47c H:35 S:50 B:97 #f7ce94 H:35 S:40 B:97 #f7d8ad H:35 S:30 B:97 #f7e3c6 H:35 S:20 B:97 #f7eddf H:35 S:10 B:97 #f7f7f7 H:35 S:0 B:97
補色 #4de9f7 H:185 S:69 B:97 #4d94f7 H:215 S:69 B:97 #5b4df7 H:245 S:69 B:97
類似色 #f74d94 H:335 S:69 B:97 #f74d69 H:350 S:69 B:97 #f75b4d H:5 S:69 B:97 #f7864d H:20 S:69 B:97 #f7b04d H:35 S:69 B:97 #f7db4d H:50 S:69 B:97 #e9f74d H:65 S:69 B:97 #bef74d H:80 S:69 B:97 #94f74d H:95 S:69 B:97

#f7b04d の配色パターン