#2f549e

Hexadecimal Color Code

深い青紫系の色

[RGB] R:47 G:84 B:158

[HSB] H:220 S:70 B:62

[Lab] L:36.76 a:12.56 b:-44.17

[CMYK] C:87% M:72% Y:13% K:0%

[HSL] H:220 S:54 L:40

[OKLCH] L:45.9% C:0.128 H:262.5

[Display-P3] R:0.2184 G:0.3258 B:0.5997

[コントラスト比] Aa 白 7.28:1 ◎　Aa 黒 2.88:1 ×

色相 #9e2f2f H:360 S:70 B:62 #9e2f42 H:350 S:70 B:62 #9e2f54 H:340 S:70 B:62 #9e2f67 H:330 S:70 B:62 #9e2f79 H:320 S:70 B:62 #9e2f8c H:310 S:70 B:62 #9e2f9e H:300 S:70 B:62 #8c2f9e H:290 S:70 B:62 #792f9e H:280 S:70 B:62 #672f9e H:270 S:70 B:62 #542f9e H:260 S:70 B:62 #422f9e H:250 S:70 B:62 #2f2f9e H:240 S:70 B:62 #2f429e H:230 S:70 B:62 #2f549e H:220 S:70 B:62 #2f679e H:210 S:70 B:62 #2f799e H:200 S:70 B:62 #2f8c9e H:190 S:70 B:62 #2f9e9e H:180 S:70 B:62 #2f9e8c H:170 S:70 B:62 #2f9e79 H:160 S:70 B:62 #2f9e67 H:150 S:70 B:62 #2f9e54 H:140 S:70 B:62 #2f9e42 H:130 S:70 B:62 #2f9e2f H:120 S:70 B:62 #429e2f H:110 S:70 B:62 #549e2f H:100 S:70 B:62 #679e2f H:90 S:70 B:62 #799e2f H:80 S:70 B:62 #8c9e2f H:70 S:70 B:62 #9e9e2f H:60 S:70 B:62 #9e8c2f H:50 S:70 B:62 #9e792f H:40 S:70 B:62 #9e672f H:30 S:70 B:62 #9e542f H:20 S:70 B:62 #9e422f H:10 S:70 B:62 #9e2f2f H:0 S:70 B:62

明度 #4d88ff H:220 S:70 B:100 #457ae6 H:220 S:70 B:90 #3d6dcc H:220 S:70 B:80 #365fb3 H:220 S:70 B:70 #2e5299 H:220 S:70 B:60 #264480 H:220 S:70 B:50 #1f3666 H:220 S:70 B:40 #17294d H:220 S:70 B:30 #0f1b33 H:220 S:70 B:20 #080e1a H:220 S:70 B:10 #000000 H:220 S:70 B:0

彩度 #00359e H:220 S:100 B:62 #103f9e H:220 S:90 B:62 #204a9e H:220 S:80 B:62 #2f549e H:220 S:70 B:62 #3f5f9e H:220 S:60 B:62 #4f699e H:220 S:50 B:62 #5f749e H:220 S:40 B:62 #6f7e9e H:220 S:30 B:62 #7e899e H:220 S:20 B:62 #8e949e H:220 S:10 B:62 #9e9e9e H:220 S:0 B:62

補色 #9e422f H:10 S:70 B:62 #9e792f H:40 S:70 B:62 #8c9e2f H:70 S:70 B:62

類似色 #2f9e79 H:160 S:70 B:62 #2f9e95 H:175 S:70 B:62 #2f8c9e H:190 S:70 B:62 #2f709e H:205 S:70 B:62 #2f549e H:220 S:70 B:62 #2f399e H:235 S:70 B:62 #422f9e H:250 S:70 B:62 #5e2f9e H:265 S:70 B:62 #792f9e H:280 S:70 B:62

#2f549e の配色パターン