#4497e5

Hexadecimal Color Code

強い青紫系の色

[RGB] R:68 G:151 B:229

[HSB] H:209 S:70 B:90

[Lab] L:60.79 a:0.03 b:-46.74

[CMYK] C:70% M:34% Y:0% K:0%

[HSL] H:209 S:76 L:58

[OKLCH] L:66.1% C:0.142 H:249.6

[Display-P3] R:0.3533 G:0.5848 B:0.8739

[コントラスト比] Aa 白 3.08:1 △　Aa 黒 6.80:1 ○

色相 #e64545 H:360 S:70 B:90 #e64560 H:350 S:70 B:90 #e6457a H:340 S:70 B:90 #e64595 H:330 S:70 B:90 #e645b0 H:320 S:70 B:90 #e645cb H:310 S:70 B:90 #e645e6 H:300 S:70 B:90 #cb45e6 H:290 S:70 B:90 #b045e6 H:280 S:70 B:90 #9545e6 H:270 S:70 B:90 #7a45e6 H:260 S:70 B:90 #6045e6 H:250 S:70 B:90 #4545e6 H:240 S:70 B:90 #4560e6 H:230 S:70 B:90 #457ae6 H:220 S:70 B:90 #4595e6 H:210 S:70 B:90 #45b0e6 H:200 S:70 B:90 #45cbe6 H:190 S:70 B:90 #45e6e6 H:180 S:70 B:90 #45e6cb H:170 S:70 B:90 #45e6b0 H:160 S:70 B:90 #45e695 H:150 S:70 B:90 #45e67a H:140 S:70 B:90 #45e660 H:130 S:70 B:90 #45e645 H:120 S:70 B:90 #60e645 H:110 S:70 B:90 #7ae645 H:100 S:70 B:90 #95e645 H:90 S:70 B:90 #b0e645 H:80 S:70 B:90 #cbe645 H:70 S:70 B:90 #e6e645 H:60 S:70 B:90 #e6cb45 H:50 S:70 B:90 #e6b045 H:40 S:70 B:90 #e69545 H:30 S:70 B:90 #e67a45 H:20 S:70 B:90 #e66045 H:10 S:70 B:90 #e64545 H:0 S:70 B:90

明度 #4da9ff H:209 S:70 B:100 #4598e6 H:209 S:70 B:90 #3d87cc H:209 S:70 B:80 #3676b3 H:209 S:70 B:70 #2e6599 H:209 S:70 B:60 #265480 H:209 S:70 B:50 #1f4366 H:209 S:70 B:40 #17334d H:209 S:70 B:30 #0f2233 H:209 S:70 B:20 #08111a H:209 S:70 B:10 #000000 H:209 S:70 B:0

彩度 #0077e6 H:209 S:100 B:90 #1782e6 H:209 S:90 B:90 #2e8de6 H:209 S:80 B:90 #4598e6 H:209 S:70 B:90 #5ca3e6 H:209 S:60 B:90 #73aee6 H:209 S:50 B:90 #8ab9e6 H:209 S:40 B:90 #a1c4e6 H:209 S:30 B:90 #b8cfe6 H:209 S:20 B:90 #cfdae6 H:209 S:10 B:90 #e6e6e6 H:209 S:0 B:90

補色 #e64548 H:359 S:70 B:90 #e69245 H:29 S:70 B:90 #e6e345 H:59 S:70 B:90

類似色 #45e692 H:149 S:70 B:90 #45e6bb H:164 S:70 B:90 #45e6e3 H:179 S:70 B:90 #45c0e6 H:194 S:70 B:90 #4598e6 H:209 S:70 B:90 #4570e6 H:224 S:70 B:90 #4548e6 H:239 S:70 B:90 #6a45e6 H:254 S:70 B:90 #9245e6 H:269 S:70 B:90

#4497e5 の配色パターン