#2f7fa3

Hexadecimal Color Code

深い青系の色

[RGB] R:47 G:127 B:163

[HSB] H:199 S:71 B:64

[L*a*b*] L*:50 a*:-12.11 b*:-26.24

[CMYK] C:79% M:44% Y:29% K:0%

[HSL] H:199 S:55 L:41

[OKLCH] L:56.4% C:0.094 H:231.4

[Display-P3] R:0.2741 G:0.4914 B:0.6257

[コントラスト比] Aa 白 4.48:1 △　Aa 黒 4.68:1 ○

色相 #a32f2f H:360 S:71 B:64 #a32f43 H:350 S:71 B:64 #a32f56 H:340 S:71 B:64 #a32f69 H:330 S:71 B:64 #a32f7d H:320 S:71 B:64 #a32f90 H:310 S:71 B:64 #a32fa3 H:300 S:71 B:64 #902fa3 H:290 S:71 B:64 #7d2fa3 H:280 S:71 B:64 #692fa3 H:270 S:71 B:64 #562fa3 H:260 S:71 B:64 #432fa3 H:250 S:71 B:64 #2f2fa3 H:240 S:71 B:64 #2f43a3 H:230 S:71 B:64 #2f56a3 H:220 S:71 B:64 #2f69a3 H:210 S:71 B:64 #2f7da3 H:200 S:71 B:64 #2f90a3 H:190 S:71 B:64 #2fa3a3 H:180 S:71 B:64 #2fa390 H:170 S:71 B:64 #2fa37d H:160 S:71 B:64 #2fa369 H:150 S:71 B:64 #2fa356 H:140 S:71 B:64 #2fa343 H:130 S:71 B:64 #2fa32f H:120 S:71 B:64 #43a32f H:110 S:71 B:64 #56a32f H:100 S:71 B:64 #69a32f H:90 S:71 B:64 #7da32f H:80 S:71 B:64 #90a32f H:70 S:71 B:64 #a3a32f H:60 S:71 B:64 #a3902f H:50 S:71 B:64 #a37d2f H:40 S:71 B:64 #a3692f H:30 S:71 B:64 #a3562f H:20 S:71 B:64 #a3432f H:10 S:71 B:64 #a32f2f H:0 S:71 B:64
明度 #4ac6ff H:199 S:71 B:100 #43b2e6 H:199 S:71 B:90 #3b9ecc H:199 S:71 B:80 #348ab3 H:199 S:71 B:70 #2c7799 H:199 S:71 B:60 #256380 H:199 S:71 B:50 #1e4f66 H:199 S:71 B:40 #163b4d H:199 S:71 B:30 #0f2833 H:199 S:71 B:20 #07141a H:199 S:71 B:10 #000000 H:199 S:71 B:0
彩度 #0070a3 H:199 S:100 B:64 #1075a3 H:199 S:90 B:64 #217aa3 H:199 S:80 B:64 #317fa3 H:199 S:70 B:64 #4184a3 H:199 S:60 B:64 #5289a3 H:199 S:50 B:64 #628fa3 H:199 S:40 B:64 #7294a3 H:199 S:30 B:64 #8399a3 H:199 S:20 B:64 #939ea3 H:199 S:10 B:64 #a3a3a3 H:199 S:0 B:64
補色 #a32f45 H:349 S:71 B:64 #a3542f H:19 S:71 B:64 #a38e2f H:49 S:71 B:64
類似色 #2fa354 H:139 S:71 B:64 #2fa371 H:154 S:71 B:64 #2fa38e H:169 S:71 B:64 #2f9ba3 H:184 S:71 B:64 #2f7fa3 H:199 S:71 B:64 #2f62a3 H:214 S:71 B:64 #2f45a3 H:229 S:71 B:64 #372fa3 H:244 S:71 B:64 #542fa3 H:259 S:71 B:64

#2f7fa3 の配色パターン