#ff7c66

Hexadecimal Color Code

軽い赤系の色

[RGB] R:255 G:124 B:102

[HSB] H:9 S:60 B:100

[L*a*b*] L*:67 a*:48.11 b*:35.5

[CMYK] C:0% M:66% Y:54% K:0%

[HSL] H:9 S:100 L:70

[OKLCH] L:73.4% C:0.164 H:31.2

[Display-P3] R:0.9349 G:0.5149 B:0.4271

[コントラスト比] Aa 白 2.52:1 ×　Aa 黒 8.32:1 ◎

色相 #ff6666 H:360 S:60 B:100 #ff6680 H:350 S:60 B:100 #ff6699 H:340 S:60 B:100 #ff66b3 H:330 S:60 B:100 #ff66cc H:320 S:60 B:100 #ff66e6 H:310 S:60 B:100 #ff66ff H:300 S:60 B:100 #e666ff H:290 S:60 B:100 #cc66ff H:280 S:60 B:100 #b366ff H:270 S:60 B:100 #9966ff H:260 S:60 B:100 #8066ff H:250 S:60 B:100 #6666ff H:240 S:60 B:100 #6680ff H:230 S:60 B:100 #6699ff H:220 S:60 B:100 #66b3ff H:210 S:60 B:100 #66ccff H:200 S:60 B:100 #66e6ff H:190 S:60 B:100 #66ffff H:180 S:60 B:100 #66ffe6 H:170 S:60 B:100 #66ffcc H:160 S:60 B:100 #66ffb3 H:150 S:60 B:100 #66ff99 H:140 S:60 B:100 #66ff80 H:130 S:60 B:100 #66ff66 H:120 S:60 B:100 #80ff66 H:110 S:60 B:100 #99ff66 H:100 S:60 B:100 #b3ff66 H:90 S:60 B:100 #ccff66 H:80 S:60 B:100 #e6ff66 H:70 S:60 B:100 #ffff66 H:60 S:60 B:100 #ffe666 H:50 S:60 B:100 #ffcc66 H:40 S:60 B:100 #ffb366 H:30 S:60 B:100 #ff9966 H:20 S:60 B:100 #ff8066 H:10 S:60 B:100 #ff6666 H:0 S:60 B:100
明度 #ff7d66 H:9 S:60 B:100 #e6705c H:9 S:60 B:90 #cc6452 H:9 S:60 B:80 #b35747 H:9 S:60 B:70 #994b3d H:9 S:60 B:60 #803e33 H:9 S:60 B:50 #663229 H:9 S:60 B:40 #4d251f H:9 S:60 B:30 #331914 H:9 S:60 B:20 #1a0c0a H:9 S:60 B:10 #000000 H:9 S:60 B:0
彩度 #ff2600 H:9 S:100 B:100 #ff3c1a H:9 S:90 B:100 #ff5233 H:9 S:80 B:100 #ff674d H:9 S:70 B:100 #ff7d66 H:9 S:60 B:100 #ff9380 H:9 S:50 B:100 #ffa899 H:9 S:40 B:100 #ffbeb3 H:9 S:30 B:100 #ffd4cc H:9 S:20 B:100 #ffe9e6 H:9 S:10 B:100 #ffffff H:9 S:0 B:100
補色 #66ffc9 H:159 S:60 B:100 #66e8ff H:189 S:60 B:100 #669cff H:219 S:60 B:100
類似色 #ff66e8 H:309 S:60 B:100 #ff66c2 H:324 S:60 B:100 #ff669c H:339 S:60 B:100 #ff6675 H:354 S:60 B:100 #ff7d66 H:9 S:60 B:100 #ffa366 H:24 S:60 B:100 #ffc966 H:39 S:60 B:100 #fff066 H:54 S:60 B:100 #e8ff66 H:69 S:60 B:100

#ff7c66 の配色パターン