#4c98f5

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:76 G:152 B:245

[HSB] H:213 S:69 B:96

[L*a*b*] L*:62.15 a*:6.13 b*:-53.39

[CMYK] C:68% M:35% Y:0% K:0%

[HSL] H:213 S:89 L:63

[OKLCH] L:67.5% C:0.158 H:254.9

[Display-P3] R:0.3737 G:0.5891 B:0.9335

[コントラスト比] Aa 白 2.95:1 ×　Aa 黒 7.11:1 ◎

色相 #f54c4c H:360 S:69 B:96 #f54c68 H:350 S:69 B:96 #f54c84 H:340 S:69 B:96 #f54ca0 H:330 S:69 B:96 #f54cbc H:320 S:69 B:96 #f54cd9 H:310 S:69 B:96 #f54cf5 H:300 S:69 B:96 #d94cf5 H:290 S:69 B:96 #bc4cf5 H:280 S:69 B:96 #a04cf5 H:270 S:69 B:96 #844cf5 H:260 S:69 B:96 #684cf5 H:250 S:69 B:96 #4c4cf5 H:240 S:69 B:96 #4c68f5 H:230 S:69 B:96 #4c84f5 H:220 S:69 B:96 #4ca0f5 H:210 S:69 B:96 #4cbcf5 H:200 S:69 B:96 #4cd9f5 H:190 S:69 B:96 #4cf5f5 H:180 S:69 B:96 #4cf5d9 H:170 S:69 B:96 #4cf5bc H:160 S:69 B:96 #4cf5a0 H:150 S:69 B:96 #4cf584 H:140 S:69 B:96 #4cf568 H:130 S:69 B:96 #4cf54c H:120 S:69 B:96 #68f54c H:110 S:69 B:96 #84f54c H:100 S:69 B:96 #a0f54c H:90 S:69 B:96 #bcf54c H:80 S:69 B:96 #d9f54c H:70 S:69 B:96 #f5f54c H:60 S:69 B:96 #f5d94c H:50 S:69 B:96 #f5bc4c H:40 S:69 B:96 #f5a04c H:30 S:69 B:96 #f5844c H:20 S:69 B:96 #f5684c H:10 S:69 B:96 #f54c4c H:0 S:69 B:96
明度 #4f9eff H:213 S:69 B:100 #478ee6 H:213 S:69 B:90 #3f7fcc H:213 S:69 B:80 #376fb3 H:213 S:69 B:70 #2f5f99 H:213 S:69 B:60 #284f80 H:213 S:69 B:50 #203f66 H:213 S:69 B:40 #182f4d H:213 S:69 B:30 #102033 H:213 S:69 B:20 #08101a H:213 S:69 B:10 #000000 H:213 S:69 B:0
彩度 #006ef5 H:213 S:100 B:96 #187cf5 H:213 S:90 B:96 #3189f5 H:213 S:80 B:96 #4997f5 H:213 S:70 B:96 #62a4f5 H:213 S:60 B:96 #7ab1f5 H:213 S:50 B:96 #93bff5 H:213 S:40 B:96 #abccf5 H:213 S:30 B:96 #c4daf5 H:213 S:20 B:96 #dce7f5 H:213 S:10 B:96 #f5f5f5 H:213 S:0 B:96
補色 #f5544c H:3 S:69 B:96 #f5a94c H:33 S:69 B:96 #ecf54c H:63 S:69 B:96
類似色 #4cf5a9 H:153 S:69 B:96 #4cf5d3 H:168 S:69 B:96 #4cecf5 H:183 S:69 B:96 #4cc2f5 H:198 S:69 B:96 #4c98f5 H:213 S:69 B:96 #4c6ef5 H:228 S:69 B:96 #544cf5 H:243 S:69 B:96 #7f4cf5 H:258 S:69 B:96 #a94cf5 H:273 S:69 B:96

#4c98f5 の配色パターン