#f5d487

Hexadecimal Color Code

軽い黄系の色

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

[HSB] H:42 S:45 B:96

[L*a*b*] L*:86.13 a*:1.58 b*:42.24

[CMYK] C:7% M:21% Y:53% K:0%

[HSL] H:42 S:85 L:75

[OKLCH] L:88.1% C:0.103 H:87.1

[Display-P3] R:0.9395 G:0.8361 B:0.5693

[コントラスト比] Aa 白 1.43:1 ×　Aa 黒 14.64:1 ◎

色相 #f58787 H:360 S:45 B:96 #f58799 H:350 S:45 B:96 #f587ab H:340 S:45 B:96 #f587be H:330 S:45 B:96 #f587d0 H:320 S:45 B:96 #f587e2 H:310 S:45 B:96 #f587f5 H:300 S:45 B:96 #e287f5 H:290 S:45 B:96 #d087f5 H:280 S:45 B:96 #be87f5 H:270 S:45 B:96 #ab87f5 H:260 S:45 B:96 #9987f5 H:250 S:45 B:96 #8787f5 H:240 S:45 B:96 #8799f5 H:230 S:45 B:96 #87abf5 H:220 S:45 B:96 #87bef5 H:210 S:45 B:96 #87d0f5 H:200 S:45 B:96 #87e2f5 H:190 S:45 B:96 #87f5f5 H:180 S:45 B:96 #87f5e2 H:170 S:45 B:96 #87f5d0 H:160 S:45 B:96 #87f5be H:150 S:45 B:96 #87f5ab H:140 S:45 B:96 #87f599 H:130 S:45 B:96 #87f587 H:120 S:45 B:96 #99f587 H:110 S:45 B:96 #abf587 H:100 S:45 B:96 #bef587 H:90 S:45 B:96 #d0f587 H:80 S:45 B:96 #e2f587 H:70 S:45 B:96 #f5f587 H:60 S:45 B:96 #f5e287 H:50 S:45 B:96 #f5d087 H:40 S:45 B:96 #f5be87 H:30 S:45 B:96 #f5ab87 H:20 S:45 B:96 #f59987 H:10 S:45 B:96 #f58787 H:0 S:45 B:96
明度 #ffdd8c H:42 S:45 B:100 #e6c77e H:42 S:45 B:90 #ccb070 H:42 S:45 B:80 #b39a62 H:42 S:45 B:70 #998454 H:42 S:45 B:60 #806e46 H:42 S:45 B:50 #665838 H:42 S:45 B:40 #4d422a H:42 S:45 B:30 #332c1c H:42 S:45 B:20 #1a160e H:42 S:45 B:10 #000000 H:42 S:45 B:0
彩度 #f5ab00 H:42 S:100 B:96 #f5b318 H:42 S:90 B:96 #f5ba31 H:42 S:80 B:96 #f5c149 H:42 S:70 B:96 #f5c962 H:42 S:60 B:96 #f5d07a H:42 S:50 B:96 #f5d793 H:42 S:40 B:96 #f5dfab H:42 S:30 B:96 #f5e6c4 H:42 S:20 B:96 #f5eddc H:42 S:10 B:96 #f5f5f5 H:42 S:0 B:96
補色 #87dff5 H:192 S:45 B:96 #87a8f5 H:222 S:45 B:96 #9d87f5 H:252 S:45 B:96
類似色 #f587a8 H:342 S:45 B:96 #f5878c H:357 S:45 B:96 #f59d87 H:12 S:45 B:96 #f5b887 H:27 S:45 B:96 #f5d487 H:42 S:45 B:96 #f5ef87 H:57 S:45 B:96 #dff587 H:72 S:45 B:96 #c3f587 H:87 S:45 B:96 #a8f587 H:102 S:45 B:96

#f5d487 の配色パターン