#f5bd64

Hexadecimal Color Code

軽い橙系の色

[RGB] R:245 G:189 B:100

[HSB] H:37 S:59 B:96

[L*a*b*] L*:80.02 a*:10.56 b*:51.99

[CMYK] C:6% M:33% Y:65% K:0%

[HSL] H:37 S:88 L:68

[OKLCH] L:83.2% C:0.124 H:77.2

[Display-P3] R:0.9267 G:0.7499 B:0.4473

[コントラスト比] Aa 白 1.70:1 ×　Aa 黒 12.34:1 ◎

色相 #f56464 H:360 S:59 B:96 #f5647c H:350 S:59 B:96 #f56495 H:340 S:59 B:96 #f564ad H:330 S:59 B:96 #f564c5 H:320 S:59 B:96 #f564dd H:310 S:59 B:96 #f564f5 H:300 S:59 B:96 #dd64f5 H:290 S:59 B:96 #c564f5 H:280 S:59 B:96 #ad64f5 H:270 S:59 B:96 #9564f5 H:260 S:59 B:96 #7c64f5 H:250 S:59 B:96 #6464f5 H:240 S:59 B:96 #647cf5 H:230 S:59 B:96 #6495f5 H:220 S:59 B:96 #64adf5 H:210 S:59 B:96 #64c5f5 H:200 S:59 B:96 #64ddf5 H:190 S:59 B:96 #64f5f5 H:180 S:59 B:96 #64f5dd H:170 S:59 B:96 #64f5c5 H:160 S:59 B:96 #64f5ad H:150 S:59 B:96 #64f595 H:140 S:59 B:96 #64f57c H:130 S:59 B:96 #64f564 H:120 S:59 B:96 #7cf564 H:110 S:59 B:96 #95f564 H:100 S:59 B:96 #adf564 H:90 S:59 B:96 #c5f564 H:80 S:59 B:96 #ddf564 H:70 S:59 B:96 #f5f564 H:60 S:59 B:96 #f5dd64 H:50 S:59 B:96 #f5c564 H:40 S:59 B:96 #f5ad64 H:30 S:59 B:96 #f59564 H:20 S:59 B:96 #f57c64 H:10 S:59 B:96 #f56464 H:0 S:59 B:96
明度 #ffc569 H:37 S:59 B:100 #e6b25e H:37 S:59 B:90 #cc9e54 H:37 S:59 B:80 #b38a49 H:37 S:59 B:70 #99763f H:37 S:59 B:60 #806334 H:37 S:59 B:50 #664f2a H:37 S:59 B:40 #4d3b1f H:37 S:59 B:30 #332715 H:37 S:59 B:20 #1a140a H:37 S:59 B:10 #000000 H:37 S:59 B:0
彩度 #f59700 H:37 S:100 B:96 #f5a018 H:37 S:90 B:96 #f5aa31 H:37 S:80 B:96 #f5b349 H:37 S:70 B:96 #f5bc62 H:37 S:60 B:96 #f5c67a H:37 S:50 B:96 #f5cf93 H:37 S:40 B:96 #f5d9ab H:37 S:30 B:96 #f5e2c4 H:37 S:20 B:96 #f5ebdc H:37 S:10 B:96 #f5f5f5 H:37 S:0 B:96
補色 #64e4f5 H:187 S:59 B:96 #649cf5 H:217 S:59 B:96 #7564f5 H:247 S:59 B:96
類似色 #f5649c H:337 S:59 B:96 #f56478 H:352 S:59 B:96 #f57564 H:7 S:59 B:96 #f59964 H:22 S:59 B:96 #f5bd64 H:37 S:59 B:96 #f5e264 H:52 S:59 B:96 #e4f564 H:67 S:59 B:96 #c0f564 H:82 S:59 B:96 #9cf564 H:97 S:59 B:96

#f5bd64 の配色パターン