#f5cc6f

Hexadecimal Color Code

軽い黄系の色

[RGB] R:245 G:204 B:111

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

[Lab] L:83.83 a:3.59 b:51.2

[CMYK] C:7% M:25% Y:62% K:0%

[HSL] H:42 S:87 L:70

[OKLCH] L:86.2% C:0.121 H:86

[Display-P3] R:0.9349 G:0.806 B:0.4891

[コントラスト比] Aa 白 1.52:1 ×　Aa 黒 13.74:1 ◎

色相 #f56e6e H:360 S:55 B:96 #f56e85 H:350 S:55 B:96 #f56e9b H:340 S:55 B:96 #f56eb1 H:330 S:55 B:96 #f56ec8 H:320 S:55 B:96 #f56ede H:310 S:55 B:96 #f56ef5 H:300 S:55 B:96 #de6ef5 H:290 S:55 B:96 #c86ef5 H:280 S:55 B:96 #b16ef5 H:270 S:55 B:96 #9b6ef5 H:260 S:55 B:96 #856ef5 H:250 S:55 B:96 #6e6ef5 H:240 S:55 B:96 #6e85f5 H:230 S:55 B:96 #6e9bf5 H:220 S:55 B:96 #6eb1f5 H:210 S:55 B:96 #6ec8f5 H:200 S:55 B:96 #6edef5 H:190 S:55 B:96 #6ef5f5 H:180 S:55 B:96 #6ef5de H:170 S:55 B:96 #6ef5c8 H:160 S:55 B:96 #6ef5b1 H:150 S:55 B:96 #6ef59b H:140 S:55 B:96 #6ef585 H:130 S:55 B:96 #6ef56e H:120 S:55 B:96 #85f56e H:110 S:55 B:96 #9bf56e H:100 S:55 B:96 #b1f56e H:90 S:55 B:96 #c8f56e H:80 S:55 B:96 #def56e H:70 S:55 B:96 #f5f56e H:60 S:55 B:96 #f5de6e H:50 S:55 B:96 #f5c86e H:40 S:55 B:96 #f5b16e H:30 S:55 B:96 #f59b6e H:20 S:55 B:96 #f5856e H:10 S:55 B:96 #f56e6e H:0 S:55 B:96

明度 #ffd573 H:42 S:55 B:100 #e6c067 H:42 S:55 B:90 #ccaa5c H:42 S:55 B:80 #b39550 H:42 S:55 B:70 #998045 H:42 S:55 B:60 #806a39 H:42 S:55 B:50 #66552e H:42 S:55 B:40 #4d4022 H:42 S:55 B:30 #332b17 H:42 S:55 B:20 #1a150b H:42 S:55 B:10 #000000 H:42 S:55 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

補色 #6edaf5 H:192 S:55 B:96 #6e97f5 H:222 S:55 B:96 #896ef5 H:252 S:55 B:96

類似色 #f56e97 H:342 S:55 B:96 #f56e75 H:357 S:55 B:96 #f5896e H:12 S:55 B:96 #f5ab6e H:27 S:55 B:96 #f5cc6e H:42 S:55 B:96 #f5ee6e H:57 S:55 B:96 #daf56e H:72 S:55 B:96 #b8f56e H:87 S:55 B:96 #97f56e H:102 S:55 B:96

#f5cc6f の配色パターン