#87f565

Hexadecimal Color Code

軽い黄緑系の色

[RGB] R:135 G:245 B:101

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

[L*a*b*] L*:87.67 a*:-57.2 b*:58.41

[CMYK] C:48% M:0% Y:75% K:0%

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

[OKLCH] L:87.4% C:0.208 H:139

[Display-P3] R:0.6353 G:0.9504 B:0.4717

[コントラスト比] Aa 白 1.37:1 ×　Aa 黒 15.27: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
明度 #8cff69 H:106 S:59 B:100 #7ee65e H:106 S:59 B:90 #70cc54 H:106 S:59 B:80 #62b349 H:106 S:59 B:70 #54993f H:106 S:59 B:60 #468034 H:106 S:59 B:50 #38662a H:106 S:59 B:40 #2a4d1f H:106 S:59 B:30 #1c3315 H:106 S:59 B:20 #0e1a0a H:106 S:59 B:10 #000000 H:106 S:59 B:0
彩度 #39f500 H:106 S:100 B:96 #4cf518 H:106 S:90 B:96 #5ff531 H:106 S:80 B:96 #71f549 H:106 S:70 B:96 #84f562 H:106 S:60 B:96 #97f57a H:106 S:50 B:96 #aaf593 H:106 S:40 B:96 #bcf5ab H:106 S:30 B:96 #cff5c4 H:106 S:20 B:96 #e2f5dc H:106 S:10 B:96 #f5f5f5 H:106 S:0 B:96
補色 #8b64f5 H:256 S:59 B:96 #d364f5 H:286 S:59 B:96 #f564ce H:316 S:59 B:96
類似色 #f5d364 H:46 S:59 B:96 #f2f564 H:61 S:59 B:96 #cef564 H:76 S:59 B:96 #aaf564 H:91 S:59 B:96 #86f564 H:106 S:59 B:96 #64f567 H:121 S:59 B:96 #64f58b H:136 S:59 B:96 #64f5af H:151 S:59 B:96 #64f5d3 H:166 S:59 B:96

#87f565 の配色パターン