#f5bd69

Hexadecimal Color Code

軽い橙系の色

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

[HSB] H:36 S:57 B:96

[L*a*b*] L*:80.08 a*:10.93 b*:49.64

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

[HSL] H:36 S:88 L:69

[OKLCH] L:83.2% C:0.12 H:75.9

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

[コントラスト比] Aa 白 1.69:1 ×　Aa 黒 12.36:1 ◎

色相 #f56969 H:360 S:57 B:96 #f56981 H:350 S:57 B:96 #f56998 H:340 S:57 B:96 #f569af H:330 S:57 B:96 #f569c6 H:320 S:57 B:96 #f569de H:310 S:57 B:96 #f569f5 H:300 S:57 B:96 #de69f5 H:290 S:57 B:96 #c669f5 H:280 S:57 B:96 #af69f5 H:270 S:57 B:96 #9869f5 H:260 S:57 B:96 #8169f5 H:250 S:57 B:96 #6969f5 H:240 S:57 B:96 #6981f5 H:230 S:57 B:96 #6998f5 H:220 S:57 B:96 #69aff5 H:210 S:57 B:96 #69c6f5 H:200 S:57 B:96 #69def5 H:190 S:57 B:96 #69f5f5 H:180 S:57 B:96 #69f5de H:170 S:57 B:96 #69f5c6 H:160 S:57 B:96 #69f5af H:150 S:57 B:96 #69f598 H:140 S:57 B:96 #69f581 H:130 S:57 B:96 #69f569 H:120 S:57 B:96 #81f569 H:110 S:57 B:96 #98f569 H:100 S:57 B:96 #aff569 H:90 S:57 B:96 #c6f569 H:80 S:57 B:96 #def569 H:70 S:57 B:96 #f5f569 H:60 S:57 B:96 #f5de69 H:50 S:57 B:96 #f5c669 H:40 S:57 B:96 #f5af69 H:30 S:57 B:96 #f59869 H:20 S:57 B:96 #f58169 H:10 S:57 B:96 #f56969 H:0 S:57 B:96
明度 #ffc56e H:36 S:57 B:100 #e6b163 H:36 S:57 B:90 #cc9d58 H:36 S:57 B:80 #b38a4d H:36 S:57 B:70 #997642 H:36 S:57 B:60 #806237 H:36 S:57 B:50 #664f2c H:36 S:57 B:40 #4d3b21 H:36 S:57 B:30 #332716 H:36 S:57 B:20 #1a140b H:36 S:57 B:10 #000000 H:36 S:57 B:0
彩度 #f59300 H:36 S:100 B:96 #f59d18 H:36 S:90 B:96 #f5a631 H:36 S:80 B:96 #f5b049 H:36 S:70 B:96 #f5ba62 H:36 S:60 B:96 #f5c47a H:36 S:50 B:96 #f5ce93 H:36 S:40 B:96 #f5d7ab H:36 S:30 B:96 #f5e1c4 H:36 S:20 B:96 #f5ebdc H:36 S:10 B:96 #f5f5f5 H:36 S:0 B:96
補色 #69e7f5 H:186 S:57 B:96 #69a1f5 H:216 S:57 B:96 #7769f5 H:246 S:57 B:96
類似色 #f569a1 H:336 S:57 B:96 #f5697e H:351 S:57 B:96 #f57769 H:6 S:57 B:96 #f59a69 H:21 S:57 B:96 #f5bd69 H:36 S:57 B:96 #f5e069 H:51 S:57 B:96 #e7f569 H:66 S:57 B:96 #c4f569 H:81 S:57 B:96 #a1f569 H:96 S:57 B:96

#f5bd69 の配色パターン