#dff585

Hexadecimal Color Code

軽い黄緑系の色

[RGB] R:223 G:245 B:133

[HSB] H:72 S:46 B:96

[L*a*b*] L*:92.87 a*:-23.6 b*:51.24

[CMYK] C:20% M:0% Y:58% K:0%

[HSL] H:72 S:85 L:74

[OKLCH] L:93% C:0.14 H:118.3

[Display-P3] R:0.8906 G:0.9581 B:0.5769

[コントラスト比] Aa 白 1.19:1 ×　Aa 黒 17.53:1 ◎

色相 #f58484 H:360 S:46 B:96 #f58497 H:350 S:46 B:96 #f584aa H:340 S:46 B:96 #f584bc H:330 S:46 B:96 #f584cf H:320 S:46 B:96 #f584e2 H:310 S:46 B:96 #f584f5 H:300 S:46 B:96 #e284f5 H:290 S:46 B:96 #cf84f5 H:280 S:46 B:96 #bc84f5 H:270 S:46 B:96 #aa84f5 H:260 S:46 B:96 #9784f5 H:250 S:46 B:96 #8484f5 H:240 S:46 B:96 #8497f5 H:230 S:46 B:96 #84aaf5 H:220 S:46 B:96 #84bcf5 H:210 S:46 B:96 #84cff5 H:200 S:46 B:96 #84e2f5 H:190 S:46 B:96 #84f5f5 H:180 S:46 B:96 #84f5e2 H:170 S:46 B:96 #84f5cf H:160 S:46 B:96 #84f5bc H:150 S:46 B:96 #84f5aa H:140 S:46 B:96 #84f597 H:130 S:46 B:96 #84f584 H:120 S:46 B:96 #97f584 H:110 S:46 B:96 #aaf584 H:100 S:46 B:96 #bcf584 H:90 S:46 B:96 #cff584 H:80 S:46 B:96 #e2f584 H:70 S:46 B:96 #f5f584 H:60 S:46 B:96 #f5e284 H:50 S:46 B:96 #f5cf84 H:40 S:46 B:96 #f5bc84 H:30 S:46 B:96 #f5aa84 H:20 S:46 B:96 #f59784 H:10 S:46 B:96 #f58484 H:0 S:46 B:96
明度 #e8ff8a H:72 S:46 B:100 #d0e67c H:72 S:46 B:90 #b9cc6e H:72 S:46 B:80 #a2b360 H:72 S:46 B:70 #8b9953 H:72 S:46 B:60 #748045 H:72 S:46 B:50 #5d6637 H:72 S:46 B:40 #454d29 H:72 S:46 B:30 #2e331c H:72 S:46 B:20 #171a0e H:72 S:46 B:10 #000000 H:72 S:46 B:0
彩度 #c4f500 H:72 S:100 B:96 #c9f518 H:72 S:90 B:96 #cef531 H:72 S:80 B:96 #d3f549 H:72 S:70 B:96 #d7f562 H:72 S:60 B:96 #dcf57a H:72 S:50 B:96 #e1f593 H:72 S:40 B:96 #e6f5ab H:72 S:30 B:96 #ebf5c4 H:72 S:20 B:96 #f0f5dc H:72 S:10 B:96 #f5f5f5 H:72 S:0 B:96
補色 #84a6f5 H:222 S:46 B:96 #9b84f5 H:252 S:46 B:96 #d384f5 H:282 S:46 B:96
類似色 #f59b84 H:12 S:46 B:96 #f5b784 H:27 S:46 B:96 #f5d384 H:42 S:46 B:96 #f5ef84 H:57 S:46 B:96 #def584 H:72 S:46 B:96 #c2f584 H:87 S:46 B:96 #a6f584 H:102 S:46 B:96 #8af584 H:117 S:46 B:96 #84f59b H:132 S:46 B:96

#dff585 の配色パターン