#2e7057

Hexadecimal Color Code

暗い緑系の色

[RGB] R:46 G:112 B:87

[HSB] H:157 S:59 B:44

[L*a*b*] L*:42.54 a*:-27.53 b*:7.67

[CMYK] C:82% M:48% Y:75% K:7%

[HSL] H:157 S:42 L:31

[OKLCH] L:49.5% C:0.079 H:165.6

[Display-P3] R:0.2509 G:0.4335 B:0.3475

[コントラスト比] Aa 白 5.87:1 ○　Aa 黒 3.57:1 △

色相 #702e2e H:360 S:59 B:44 #702e39 H:350 S:59 B:44 #702e44 H:340 S:59 B:44 #702e4f H:330 S:59 B:44 #702e5a H:320 S:59 B:44 #702e65 H:310 S:59 B:44 #702e70 H:300 S:59 B:44 #652e70 H:290 S:59 B:44 #5a2e70 H:280 S:59 B:44 #4f2e70 H:270 S:59 B:44 #442e70 H:260 S:59 B:44 #392e70 H:250 S:59 B:44 #2e2e70 H:240 S:59 B:44 #2e3970 H:230 S:59 B:44 #2e4470 H:220 S:59 B:44 #2e4f70 H:210 S:59 B:44 #2e5a70 H:200 S:59 B:44 #2e6570 H:190 S:59 B:44 #2e7070 H:180 S:59 B:44 #2e7065 H:170 S:59 B:44 #2e705a H:160 S:59 B:44 #2e704f H:150 S:59 B:44 #2e7044 H:140 S:59 B:44 #2e7039 H:130 S:59 B:44 #2e702e H:120 S:59 B:44 #39702e H:110 S:59 B:44 #44702e H:100 S:59 B:44 #4f702e H:90 S:59 B:44 #5a702e H:80 S:59 B:44 #65702e H:70 S:59 B:44 #70702e H:60 S:59 B:44 #70652e H:50 S:59 B:44 #705a2e H:40 S:59 B:44 #704f2e H:30 S:59 B:44 #70442e H:20 S:59 B:44 #70392e H:10 S:59 B:44 #702e2e H:0 S:59 B:44
明度 #69ffc5 H:157 S:59 B:100 #5ee6b2 H:157 S:59 B:90 #54cc9e H:157 S:59 B:80 #49b38a H:157 S:59 B:70 #3f9976 H:157 S:59 B:60 #348063 H:157 S:59 B:50 #2a664f H:157 S:59 B:40 #1f4d3b H:157 S:59 B:30 #153327 H:157 S:59 B:20 #0a1a14 H:157 S:59 B:10 #000000 H:157 S:59 B:0
彩度 #007045 H:157 S:100 B:44 #0b7049 H:157 S:90 B:44 #16704e H:157 S:80 B:44 #227052 H:157 S:70 B:44 #2d7056 H:157 S:60 B:44 #38705b H:157 S:50 B:44 #43705f H:157 S:40 B:44 #4f7063 H:157 S:30 B:44 #5a7068 H:157 S:20 B:44 #65706c H:157 S:10 B:44 #707070 H:157 S:0 B:44
補色 #702e68 H:307 S:59 B:44 #702e47 H:337 S:59 B:44 #70362e H:7 S:59 B:44
類似色 #47702e H:97 S:59 B:44 #37702e H:112 S:59 B:44 #2e7036 H:127 S:59 B:44 #2e7046 H:142 S:59 B:44 #2e7057 H:157 S:59 B:44 #2e7067 H:172 S:59 B:44 #2e6870 H:187 S:59 B:44 #2e5870 H:202 S:59 B:44 #2e4770 H:217 S:59 B:44

#2e7057 の配色パターン